今天介紹一款分析webpack打包性能分析的插件： webpack-bundle-analyzer
先上圖：
這個插件可以幫助我們分析webpack在打包過程中有哪些可以改進的地方柒爵。
npm地址： https://www.npmjs.com/package/webpack-bundle-analyzer
先安裝這個插件：
npm install --save-dev webpack-bundle-analyzer
然后在webpack.config.js文件中配置plugins：
先引入
var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
在plugins中配置：
plugins: [
? ? ? ? ? ?...,
? ? ? ? ? ?new BundleAnalyzerPlugin()
]
然后钙姊，在我們運行webpack-dev-server的時候觅捆，就會自動打開localhost://8888,在這個頁面上棱诱，我們可以根據(jù)項目實際情況熔恢，對打包過程進行進一步的分析和優(yōu)化。
