闲暇之余不忘学习,提升自己 ,知识在于积累,更是一笔财富。
看完文章,感谢各位支持一下呗!
通过分析打包体积,才能知道项目中的哪部分内容体积过大,才能知道如何来优化
使用步骤
- 安装分析打包体积的包:
yarn add source-map-explorer
- 在 package.json 中的 scripts 标签中,添加分析打包体积的命令
- 对项目打包:
yarn build
(如果已经打过包,可省略这一步) - 运行分析命令:
yarn analyze
- 通过浏览器打开的页面,分析图表中的包体积
核心代码:
package.json 中:
"scripts": {
"analyze": "source-map-explorer 'build/static/js/*.js'",
}