webpack打包体积优化---插件 webpack-bundl

安装：npm install --save-dev webpack-bundle-analyzer

配置：在webpack.prod.conf.js中增加以下配置：

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 module.exports = {
  plugins: [
    new BundleAnalyzerPlugin()
  ]
 }

在 项目的 package.json 文件中注入如下命令，以方便运行她(npm run analyz)，默认会打开http://127.0.0.1:8888作为展示。

“analyz”: “NODE_ENV=production npm_config_report=true npm run build”

这样运行npm run build后浏览器会自动打开127.0.0.1:8888 展示如下页面：