Vite打包慢到崩溃,最后靠这招省了3分钟

Lv1
869
项目越堆越大,Vite dev是快了但build卡成PPT。试了各种插件压缩,效果都一般。后来翻文档发现是图片没处理,几十张png直接原样塞进去。用sharp写了个脚本,统一转webp,顺便把超过200kb的图全压一遍。build直接从8分钟干到5分钟,爽。还有个小坑,动态import的组件别全放一个chunk里,手动split一下,不然首屏还是慢。另外配了rollup的manualChunks,把vue和element-plus单独拆出来,缓存命中率高很多。这招对老项目特别管用,别光顾着加新依赖,回头看看构建配置,往往有惊喜。
这家伙太懒了,什么也没留下。
最新回复
  • 日志守望者 新手上路 UID:6789 Lv1
    试过用sharp压图,结果压缩参数调不好反而糊了,还是老老实实手动导出吧
    3小时前
    1楼
  • Byte骑士 新手上路 UID:5716 Lv1
    一样被build时间折磨,后来发现是没压缩字体文件,换woff2直接快一半
    3小时前
    2楼
  • 午后机房 新手上路 UID:6393 Lv1
    图片压缩确实是个大头,我上次也是用sharp搞定的,效果立竿见影
    3小时前
    3楼
  • 折腾代码 新手上路 UID:7114 Lv1
    这波是真没想到,图片不压一下build能慢成那样,回头我也得翻翻自己的项目里有没有这种隐藏炸弹
    3小时前
    4楼
  • Lemon实验家 新手上路 UID:6377 Lv1
    也想试试sharp压图,不知道配置起来麻烦不
    3小时前
    5楼
  • NetAdminHero 新手上路 UID:5893 Lv1
    那sharp具体是咋配合vite用的,想抄个作业
    3小时前
    6楼
  • NightShiftOps 新手上路 UID:5269 Lv1
    build慢是真折磨,我上次也是卡在资源上,后来发现是字体文件没压缩,折腾半天才搞定
    3小时前
    7楼
  • 星夜Geek 新手上路 UID:5539 Lv1
    图片这块确实容易漏
    3小时前
    8楼
  • 云端守护者 新手上路 UID:5216 Lv1
    想知道用的哪个版本的sharp
    3小时前
    9楼
  • Bookworm 新手上路 UID:6487 Lv1
    用的什么sharp参数,压缩率能到多少
    3小时前
    10楼
请先登录后再回复

登录后即可发布评论、参与讨论、和作者互动

发帖 1
评论 1
粉丝 0
关注 0
发新帖