安装: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 展示如下页面: