react

2020-08-06 Antd_Pro 打包过大,页面加载慢

2020-08-06  本文已影响0人  小雁子飞飞

随着工程的复杂性加大,打包后的代码也越来越大,导致应用在进入第一个页面的时候加载很慢,用户常常怀疑是不是程序有问题?

通过ant_design_pro prov4生成的代码框架已经实现了优化的配置,网上说的很多按需加载方式无从加入,经过后面的一番尝试,找到了解决路径:

全局搜索dynamicImport,发现以下代码是注释的,打包后的文件只有两个文件,index.html大小有5M左右;还原为非注释状态,即可完成打包文件的拆分,出现了很多的小文件,但是减小index.html文件的大小(4k左右),加快进入的速度。

dynamicImport: {

    loadingComponent:'./components/PageLoading/index',

    webpackChunkName:true,

    level:3

  },

后来发现,antdPro v5再次简化,并且在框架代码里面放开使用。

上一篇 下一篇

猜你喜欢

热点阅读