1.inspect命令的使用

查看vue内置的webpack的命令

但是该代码只能输出在控制台上，观看不是很方便

    vue inspect

将vue内置的webpack的导出到项目目录中去导出的文件可以自己进行命名，即webpack.config.js可以改成自己的名字

    vue inspect > webpack.config.js

这样我们可以文件中方便观看vue内置的webpack的配置了

通过--mode 可以来制定不同环境的webpack配置
- production 生产
- development 开发
- test 测试

    vue inspect --mode   环境名称

查看已配置的规则名称列表

    vue inspect --rules
    //输出结果
        [      'esm',      'vue',      'vue-style',      'pug',      'svg',      'images',      'media',      'fonts',      'css',      'postcss',      'scss',      'sass',      'less',      'stylus',      'js'    ]

查看制定的规则明细以下的ruleName指的是以上的数组中的内容

    vue inspect --rule <ruleName>

查看已配置的插件列表

    vue inspect --plugins

查看完成的webpack 的配置

    vue inspect -v 
    vue inspect --verbose

结合以上的输出特定环境的webpack配置，我们可以将不同环境的webpack配置输出到项目目录中去

    //输出生产环境
    vue inspect --mode production > webpackPro.Config.js
    //输出测试环境
    vue inspect --mode test > webpackTest.config.js
    //输出开发环境
    vue inspect --mode development > webpackDev.config.js

导出vue内置的webpack

1.inspect命令的使用