打包時，為了直觀地發現專案中存在的問題，可以在打包時生成報告，生成報告的方式有兩種：
① 通過命令列引數的形式生成報告
Javascript
|
② 通過可視化的UI面板直接查看報告（推薦）
在可視化的UI面板中，通過控制臺和分析面板，可以方便地看到專案中所存在的問題，
通過 vue.config.js 修改 webpack 的默認配置
通過 vue-cli 3.0 工具生成的專案，默認隱藏了所有 webpack 的配置項，目的是為了屏蔽專案的配置程序，讓程
序員把作業的重心，放到具體功能和業務邏輯的實作上，
如果程式員有修改 webpack 默認配置的需求，可以在專案根目錄中，按需創建 vue.config.js 這個組態檔，從
而對專案的打包發布程序做自定義的配置
（具體配置參考https://cli.vuejs.org/zh/config/#vue-config-js），
Javascript
|
為開發模式與發布模式指定不同的打包入口
默認情況下，Vue專案的開發模式與發布模式，共用同一個打包的入口檔案（即 src/main.js），為了將專案
的開發程序與發布程序分離，我們可以為兩種模式，各自指定打包的入口檔案，即：
- 開發模式的入口檔案為
src/main-dev.js - 發布模式的入口檔案為
src/main-prod.js
configureWebpack 和 chainWebpack
在 vue.config.js 匯出的配置物件中，新增 configureWebpack 或chainWebpack節點，來自定義 webpack 的打包配置，
在這里， configureWebpack 和 chainWebpack 的作用相同，唯一的區別就是它們修改 webpack 配置的方式不同：
① chainWebpack 通過鏈式編程的形式，來修改默認的 webpack 配置
② configureWebpack 通過操作物件的形式，來修改默認的 webpack 配置
兩者具體的使用差異，可參考如下網址：
傳送門
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/235539.html
標籤：其他
上一篇：Namp使用