vue cli4 WEBPACK-BUNDLE-ANALYZER 分析包，来查找需要优化的文件

https://www.freesion.com/article/81551372354/

1、简介及安装
在终端或 DOS 命令窗口中输入以下的命令行先安装 webpack-bundle-analyzer

npm install webpack-bundle-analyzer -D

2、修改 VUE.CONFIG.JS和 PACKAGE.JSON
① 修改 vue.config.js文件，代码如下：

module.exports = {
  chainWebpack: config => {
    if (process.env.use_analyzer) {     // 分析
      config
        .plugin('webpack-bundle-analyzer')
        .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
    }
  },

因为像 NODE_ENV = production 这样设置环境变量时，大多数 Windows 命令提示符都会阻塞 ，而 cross-env 使得我们可以使用单个命令，而不必担心为平台正确设置或使用环境变量。

在修改 package.json 文件之前，先安装 cross-env

npm install --save-dev cross-env

② 修改 package.json，代码如下：

"scripts": {
    "analyzer": "cross-env use_analyzer=true npm run build"
  },

3、运行分析工具

npm run analyzer 或 npm run build