angular-使用webpack-bundle-analyzer分析包

2025-03-12 约 234 字预计阅读 1 分钟

angular 使用webpack-bundle-analyzer分析包

其实angular框架开发t团队不建议使用webpack-bundle-analyzer，而是 source-map-explorer

但dddd ，还是用webpack-bundle-analyzer

1.安装

npm i webpack-bundle-analyzer --save-dev

2.此时运行命令，就可以得到

ng build --prod --stats-json

./node_modules/.bin/webpack-bundle-analyzer dist/stats.json

3.这样要运行两个命令会被怼，所以在pacakge.josn的“script”加上

    "bundle-report": "ng build --prod --stats-json && webpack-bundle-analyzer dist/stats.json"

运行

npm run bundle-report

就欧克