1. 程式人生 > >Vue-Cli3初體驗(二)

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:監聽檔案變化