search

ant-design / ant-design-pro

👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
https://pro.ant.design
MIT License
36.52k stars 8.15k forks source link

🧐[问题]ant-deasign-pro打包后体积umi.js太大了有什么办法优化 #6815

Closed fightingSunnyGirl closed 4 years ago

fightingSunnyGirl commented 4 years ago

🧐 问题描述

ant-deasign-pro打包后体积umi.js太大了有什么办法优化？ mac 打包出来的是1.5兆 linux打包出来的2.3兆 首屏加载太慢了 20好几秒 没有改任何配置

node v12.16.2 npm 6.14.4

🚑 其他信息

image image

sunft1996 commented 4 years ago

分析一下依赖

npm run analyze

然后删掉无用的依赖包，对于有些过大的包你可以先代码分离，然后用react.lazy进行懒加载

fightingSunnyGirl commented 4 years ago

分析一下依赖

npm run analyze

然后删掉无用的依赖包，对于有些过大的包你可以先代码分离，然后用react.lazy进行懒加载

image 光一个umi就这么大，我就想这个小点，而且不同设备打包出来的不一样的，这我也不知道怎么优化

fightingSunnyGirl commented 4 years ago

windos打出来的这个umi.js 3M!! 不同的系统打出来的不一样 为啥？？？

chenshuai2144 commented 4 years ago

u里面有 antd 和 react 就会辣么大，你可以试试把这些 extends 掉

ocweai commented 3 years ago

extends 是什么？ umi.js 不能按需加载吗，或者cdn也中阿

xiaorong61 commented 2 years ago

dynamicImport: {},

.umirc 打开动态加载

zhuwei commented 2 years ago

@xiaorong61 创建一个空项目，打包后umi.js就有570KB，这正常吗？

xiaorong61 commented 2 years ago

我估计是正常的，毕竟 umi 有一大堆的依赖。

zhuwei commented 2 years ago

@xiaorong61 有啥办法吗？准备做手机网页。空项目就有570K，再加个antd mobile。就1.3MB 对于手机端，太大了

xiaorong61 commented 2 years ago

@xiaorong61 有啥办法吗？准备做手机网页。空项目就有570K，再加个antd mobile。就1.3MB 对于手机端，太大了

试试 umi 开启dynamicImport，然后开启 nginx brotli 压缩？