webpack 打包可视化分析工具

有时候webpack打出的包太大我们想要分析整个包文件，使用webpack-bundle-analyzer这个插件可以实现这个目的

https://www.npmjs.com/package/webpack-bundle-analyzer

使用方法webpack配置中加入

  var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin

  webpackConfig.plugins.push(new BundleAnalyzerPlugin({

  }))

webpack打包成功会自动启动浏览器打开,效果如下图所示