source-map-explorer 通过分析 sourcemap 文件生成 CRA 项目打包体积分析报告,效果如下图:
安装与使用:
-
添加项目依赖:
yarn add source-map-explorer -
在
package.json的scripts中添加:"analyze": "source-map-explorer 'build/static/js/*.js'" -
执行命令:
yarn run build yarn run analyze -
执行完毕后会自动在浏览器中打开报告页面。
注:需启用 generate sourcemap(默认为开启状态)。