使用 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