vue-cli3查看webpack默认配置

前言
从vue-cli3.0 版本开始,取消了 build 和 config 文件夹,webpack相关的配置被隐藏了起来。要对 webpack 做个性化配置,需要在根目录创建vue.config.js 文件进行配置覆盖。但是我们怎么知道 vue-cli 内置了什么样的配置呢?vue-cli 官方提供了 inspect 命令 ——

查看 webpack 配置的方法:vue inspect

vue-cli-service 暴露了 inspect 命令用于审查解析好的 webpack 配置,为方便查看,可以将输出重定向到一个文件:
vue inspect > output.js

在这里插入图片描述


我们也可以通过给 inspect 指令添加参数来查看配置的一小部分,例如:

查看 vue 的规则配置:
vue inspect --rule vue
查看 html 的插件配置
 vue inspect --plugin html 
列出所有规则和插件
vue inspect --rules
vue inspect --plugins
获取帮助

我们还可以通过 vue inspect --help 查看 inspect 命令的所有可选参数及说明,按需获取想查看的配置项

vue inspect --help
Usage: inspect [options] [paths...]
inspect the webpack config in a project with vue-cli-service
Options:
  --mode <mode>
  --rule <ruleName>      inspect a specific module rule
  --plugin <pluginName>  inspect a specific plugin
  --rules                list all module rule names
  --plugins              list all plugin names
  -v --verbose           Show full function definitions in output
  -h, --help             output usage information

参考链接:
Vue CLI 官方:审查项目的 webpack 配置

  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值