找回密码
 注册
首页 ≡≡网络技术≡≡ WEB前端 Vue inspect 命令简单使用,查看当前项目webpack配置 ...

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

灰儿 2022-8-8 15:42:06
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 =,然后格式化即可查看。



您需要登录后才可以回帖 登录 | 注册
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。