查看 webpack 配置

Question

查看 webpack 完整配置

vue inspect > webpack_config.json

查看 rules

vue inspect --rules
# [
#   'vue',
#   'images',
#   'svg',
#   'media',
#   'fonts',
#   'pug',
#   'css',
#   'postcss',
#   'scss',
#   'sass',
#   'less',
#   'stylus',
#   'js',
#   'eslint'
# ]

查看某一个 rule

vue inspect --rule vue
# /* config.module.rule('vue') */
# {
#   test: /\.vue$/,
#     use: [
#       /* config.module.rule('vue').use('cache-loader') */
#       {
#         loader: 'D:\\code\\vue2.x-template\\node_modules\\cache-loader\\dist\\cjs.js',
#         options: {
#           cacheDirectory: 'D:\\code\\vue2.x-template\\node_modules\\.cache\\vue-loader',
#           cacheIdentifier: '71fc4326'
#         }
#       },
#       /* config.module.rule('vue').use('vue-loader') */
#       {
#         loader: 'D:\\code\\vue2.x-template\\node_modules\\vue-loader\\lib\\index.js',
#         options: {
#           compilerOptions: {
#             whitespace: 'condense'
#           },
#           cacheDirectory: 'D:\\code\\vue2.x-template\\node_modules\\.cache\\vue-loader',
#           cacheIdentifier: '71fc4326'
#         }
#       }
#     ]
# }

查看 plugins

vue inspect --plugins
# [
#   'vue-loader',
#   'define',
#   'case-sensitive-paths',
#   'friendly-errors',
#   'html',
#   'preload',
#   'copy'
# ]

查看某一个 plugin

vue inspect --plugin vue-loader
# /* config.plugin('vue-loader') */
# new VueLoaderPlugin()

也可以通过 vue ui 命令打开可视化工具查看 webpack 完整配置