Vue-Cli3初體驗(二)
阿新 • • 發佈:2018-11-23
CLI服務
CLI 服務 (@vue/cli-service) 是一個開發環境依賴。它是一個 npm 包,區域性安裝在每個 @vue/cli 建立的專案中。CLI 服務是構建於 webpack 和 webpack-dev-server 之上的。它包含了:
- 載入其它 CLI 外掛的核心服務;
- 一個針對絕大部分應用優化過的內部的 webpack 配置;
- 專案內部的 vue-cli-service 命令,提供 serve、build 和 inspect 命令。
指令
- npm run serve ; yarn serve ; npx vue-cli-serve serve
- 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:監聽檔案變化