【Vue】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