缩小反应器与材料UI生成的压缩包或bundle.js文件的体积
发布时间
阅读量:
阅读量
问题描述:
在前端开发过程中,采用React框架结合Material UI进行开发时,生成的打包文件中JS文件的体积竟然高达3M。
寻找有效手段以降低打包文件的体积。尝试了多种解决方式,但每次仅能减少约100k,未能从根本上解决问题。
查阅Material UI官方文档:https://material-ui.com/guides/minimizing-bundle-size/
解决方案:
- 对每个文件中@material-ui/core的导入方式进行调整,但仅使体积减少了100k,效果甚微。
将原本类似 import xxx from @material-ui/core 的导入方式,全部修改为
import xxx from @material-ui/core/xxx 的形式。即从core目录下的具体路径进行导入,而非直接引用core这一层级路径。
例如将以下代码行
import { Button, TextField } from '@material-ui/core';
import Button from '@material-ui/core/Button';
import TextField from '@material-ui/core/TextField';
全部评论 (0)
还没有任何评论哟~
