构建命令

我们将涵盖开发和生产构建命令。

TIP

Quasar CLI命令的完整列表:命令列表.

开发

启动一个Node.js本地开发服务器。

# 运行开发服务器(使用默认主题)
$ quasar dev

# 运行在特定端口
$ quasar dev -p 9090

# SSR
$ quasar dev -m ssr

# PWA
$ quasar dev -m pwa

# 手机应用
$ quasar dev -m cordova -T [android|ios]
# 或更短的格式:
$ quasar dev -m [android|ios]

# Electron应用
$ quasar dev -m electron

# 将额外的参数和/或选项传递给
# 底层“cordova”或“electron”可执行文件:
$ quasar dev -m ios -- some params --and options --here
$ quasar dev -m electron -- --no-sandbox --disable-setuid-sandbox

有关完整列表,请阅读Quasar CLI开发服务器部分。

在使用Dev Server进行开发时,您将拥有:

  • Babel,所以你可以写ES6代码
  • Vue SFC的Webpack + vue-loader(单个文件组件)
  • 状态保持热重载
  • 状态保持编译错误覆盖
  • 使用ESLint进行保存时检测
  • Source maps
  • 如果您开发移动应用程序,在设备模拟器(或连接到您的机器的真实手机)上有开发权限
  • 如果您开发的是Electron应用程序,在包含开发工具的Electron窗口有开发权限

生产版本

构建生产版本资源。

# 构建生产版本
$ quasar build

# SSR
$ quasar build -m ssr

# PWA
$ quasar build -m pwa

# 手机应用
$ quasar build -m cordova -T [android|ios]
# 或更短的格式:
$ quasar build -m [android|ios]

# 将额外的参数和/或选项传递给
# 底层“cordova”或“electron”可执行文件:
$ quasar build -m ios -- some params --and options --here

# Electron应用
$ quasar build -m electron

除了在开发网站/应用程序时获得的内容,对于生产版本,您还可以利用以下优势:

  • Javascript与UglifyJS
  • html-minifier压缩HTML
  • 将所有组件的CSS提取(和自动前置)到一个文件中,并用cssnano进行压缩
  • 所有静态资源都使用版本散列进行编译以实现高效的长期缓存,并且会自动生成一个生产版本的index.html,其中使用适当的URL来指向这些生成的资源。