Advertisement

缩小反应器与材料UI生成的压缩包或bundle.js文件的体积

阅读量:

问题描述:

在前端开发过程中,采用React框架结合Material UI进行开发时,生成的打包文件中JS文件的体积竟然高达3M。

寻找有效手段以降低打包文件的体积。尝试了多种解决方式,但每次仅能减少约100k,未能从根本上解决问题。

查阅Material UI官方文档:https://material-ui.com/guides/minimizing-bundle-size/

解决方案:

  1. 对每个文件中@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)

还没有任何评论哟~