vue打包优化分析工具—webpack-bundle-analyzer
# 安装
npm install webpack-bundle-analyzer –save-dev
1
# 添加配置项
在plugins中添加new BundleAnalyzerPlugin(options?:object)，具体的参数配置可参考文档webpak-bundle-analyzer
// vue.config.js ——————vue-cli3.0
BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
module.exports = {
configureWebpack: config => {
return {
plugins: [
new BundleAnalyzerPlugin()
]
}
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# 配置package.json
在script中添加一下代码
"analyz": "NODE_ENV=production npm_config_report=true npm run build"
1
上次更新: 2025/09/05, 8:09:00