使用 vue-cli-service inspect
來查看一個 Vue CLI 3 項目的 webpack 配置信息(包括:development、production)
- --mode 指定環境模式 (默認值:development)
- 運行命令,在終端輸出:
開發環境:npx vue-cli-service inspect --mode development
生產環境:npx vue-cli-service inspect --mode production
- 運行命令,將輸出導入到 js 文件:
開發環境:npx vue-cli-service inspect --mode development >> webpack.config.development.js
生產環境:npx vue-cli-service inspect --mode production >> webpack.config.production.js
- 在產生的 js 文件開頭,添加:
module.exports =
,然后格式化即可查看。 - 官方網址:https://cli.vuejs.org/zh/guide/cli-service.html#vue-cli-service-inspect