【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

詳情見官網：https://cli.vuejs.org/zh/guide/webpack.html#%E5%AE%A1%E6%9F%A5%E9%A1%B9%E7%9B%AE%E7%9A%84-webpack-%E9%85%8D%E7%BD%AE