灰儿 发表于 2022-8-8 15:42:06

Vue inspect 命令简单使用,查看当前项目webpack配置

Vue inspect 命令简单使用,查看当前项目webpack配置
vue inspect 选项(Options):
--mode <mode>                //模式,配置开发环境还是生产环境
--rule <ruleName>         //检查特定的模块规则
--plugin <pluginName>//检查特定插件
--rules                            //列出所有模块规则名称
--plugins                      //列出所有插件名称
-v --verbose               //在输出中显示完整的webpack配置
-h, --help                  //显示帮助信息
————————————————
示例:
查看当前项目webpack配置,并另存为js文件
开发环境:npx vue-cli-service inspect --mode development >> webpack.config.development.js
生产环境:npx vue-cli-service inspect --mode production >> webpack.config.production.js

npx vue-cli-service 可简写成(替换成)vue

简写示例:
vue inspect > output.js         //查看当前项目webpack配置,并输出为output.js文件。

在产生的 js 文件开头,添加:module.exports =,然后格式化即可查看。



页: [1]
查看完整版本: Vue inspect 命令简单使用,查看当前项目webpack配置