1、安装
npm install –save-dev webpack-bundle-analyzer
2、配置
vue.config.js
// 引入分析包文件
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
// 开发生产共同配置
config.plugins.push(
new BundleAnalyzerPlugin({
analyzerMode: 'server',
analyzerHost: '127.0.0.1',
analyzerPort: 8888,
reportFilename: 'report.html',
defaultSizes: 'parsed',
openAnalyzer: true,
generateStatsFile: false,
statsFilename: 'stats.json',
statsOptions: null,
logLevel: 'info'
})
)
3、在package.json
文件的scripts
里加入
"analyz": "NODE_ENV=production npm_config_report=true npm run build"
4、直接跑起来,他自动会打开这个分析页