Vue-Cli3初体验(二)

CLI服务

  CLI 服务 (@vue/cli-service) 是一个开发环境依赖。它是一个 npm 包,局部安装在每个 @vue/cli 创建的项目中。CLI 服务是构建于 webpack 和 webpack-dev-server 之上的。它包含了:

  1. 加载其它 CLI 插件的核心服务;
  2. 一个针对绝大部分应用优化过的内部的 webpack 配置;
  3. 项目内部的 vue-cli-service 命令,提供 serve、build 和 inspect 命令。

指令

  1. npm run serve ; yarn serve ; npx vue-cli-serve serve
  2. vue-cli-service serve :该命令会启动一个开发服务器(基于 webpack-dev-server)并附带开箱即用的模块热重载。
    2.1 --open 服务器启动时打开浏览器。
    2.2 --copy:服务器启动时将 URL 复制到剪切板–copy:服务器启动时将 URL 复制到剪切板。
    2.3 --mode:指定环境模式 默认:development --mode:指定环境模式 默认:development。
    2.4 --host:指定host 默认:0.0.0.0–host:指定host 默认:0.0.0.0。
    2.5 --port:指定port 默认:8080 --port:指定port 默认:8080。
    2.6 --https:指定https, 默认false --https。

  vue-cli-service build:会在 dist/ 目录下产生一个可用于生产环境的包,带有 JS、CSS、HTML的压缩包,和为更好的缓存而作的自动的 vendor chunk spliting。它的chunk manifest 会关联在 HTML 里面。
1. --mode:指定环境模式 默认值 production
2. --dest:指定输出目录:默认dist
3. --modern:面向现代浏览器不带自动回退地构建应用
4. --target:app、lib、wc、wc-async 默认值为app
5. --report :生成 report.html帮助分析包内容
6. --report-json:生成report.json帮助分析包内容
7. --watch:监听文件变化

猜你喜欢

转载自blog.csdn.net/qq_25134721/article/details/84257100