react打包体积分析

闲暇之余不忘学习，提升自己 ，知识在于积累，更是一笔财富。

看完文章，感谢各位支持一下呗！

 

通过分析打包体积，才能知道项目中的哪部分内容体积过大，才能知道如何来优化

使用步骤

1. 安装分析打包体积的包：yarn add source-map-explorer
2. 在 package.json 中的 scripts 标签中，添加分析打包体积的命令
3. 对项目打包：yarn build（如果已经打过包，可省略这一步）
4. 运行分析命令：yarn analyze
5. 通过浏览器打开的页面，分析图表中的包体积

核心代码：

package.json 中：

"scripts": {
  "analyze": "source-map-explorer 'build/static/js/*.js'",
}