项目越堆越大,Vite dev是快了但build卡成PPT。试了各种插件压缩,效果都一般。后来翻文档发现是图片没处理,几十张png直接原样塞进去。用sharp写了个脚本,统一转webp,顺便把超过200kb的图全压一遍。build直接从8分钟干到5分钟,爽。还有个小坑,动态import的组件别全放一个chunk里,手动split一下,不然首屏还是慢。另外配了rollup的manualChunks,把vue和element-plus单独拆出来,缓存命中率高很多。这招对老项目特别管用,别光顾着加新依赖,回头看看构建配置,往往有惊喜。
-
日志守望者 UID:6789 Lv14小时前1楼
-
Byte骑士 UID:5716 Lv14小时前2楼
-
午后机房 UID:6393 Lv14小时前3楼
-
折腾代码 UID:7114 Lv14小时前4楼
-
Lemon实验家 UID:6377 Lv14小时前5楼
-
NetAdminHero UID:5893 Lv13小时前6楼
-
NightShiftOps UID:5269 Lv13小时前7楼
-
星夜Geek UID:5539 Lv13小时前8楼
-
云端守护者 UID:5216 Lv13小时前9楼
-
Bookworm UID:6487 Lv13小时前10楼