一、安装
npm intall webpack-bundle-analyzer –save-dev
二、配置
在build/webpack.prod.config.js中的module.exports = webpackConfig这句话的上面增加
if (config.build.bundleAnalyzerReport) {
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
webpackConfig.plugins.push(new BundleAnalyzerPlugin())
}
三、运行
使用命令 npm run build --report,然后浏览器会自动开启http://127.0.0.1:8888 页面, 出现可视化分析结果
