vue-cli-service的使用

vue-cli項目中，會安裝給一個名為vue-cli-service的命令。

vue-cli-servie serve

vue-cli-service serve 會啟動一個開發服務器（基於webpack-dev-server）並且附帶了開箱即用的模塊熱重載（Hot-Module-Replacement）。

用法：vue-cli-service serve [options] [entry]
 
選項：
 
  --open    在服務器啟動時打開瀏覽器
  --copy    在服務器啟動時將 URL 復制到剪切版
  --mode    指定環境模式 (默認值：development)
  --host    指定 host (默認值：0.0.0.0)
  --port    指定 port (默認值：8080)
  --https   使用 https (默認值：false) 

除了通過命令行，可以使用vue.config.js中devServer字段配置開發服務器的參數；下面給出一段配置的例子：

devServer: {
    port: 8080,
    before(app) {
        if ('true' !== process.env.NO_MOCK) {
            apiMocker(app, path.resolve('./mocker/index.js'));
        }
    },
    disableHostCheck: true,
},

vue-cli-service build

ue-cli-service build 會在dist/ 目錄下面產生一個可用於生產環境的包，帶有 JS/CSS/HTML 的壓縮，和為更好地緩存而做的 vendor chunk splitting。它的shunk manifest 會內斂在HTML里。

用法：vue-cli-service build [options] [entry|pattern]
 
選項：
 
  --mode        指定環境模式 (默認值：production)
  --dest        指定輸出目錄 (默認值：dist)
  --modern      面向現代瀏覽器帶自動回退地構建應用
  --target      app | lib | wc | wc-async (默認值：app)
  --name        庫或 Web Components 模式下的名字 (默認值：package.json 中的 "name" 字段或入口文件名)
  --no-clean    在構建項目之前不清除目標目錄
  --report      生成 report.html 以幫助分析包內容
  --report-json 生成 report.json 以幫助分析包內容
  --watch       監聽文件變化

更多命令

使用 vue-cli-service help 查看

轉載:https://blog.csdn.net/weixin_36089438/article/details/108416586