obaby@mars
·
一键资源地址替换工具 — UniApp发布小程序体积精简
💡
原文中文，约5700字，阅读约需14分钟。
📝
内容提要
由于uni打包后体积过大，闺蜜圈小程序未更新。通过将图片资源转移至服务器并修改路径，成功将主包体积缩减至约2.06MB。使用工具代码实现路径替换和删除本地资源。
🎯
关键要点
- 闺蜜圈小程序未更新的主要原因是uni打包后体积过大。
- 组件压缩到vendor.js中，导致文件体积达到1.1MB。
- 图片文件约1MB，加上其他组件，主包体积达到4MB。
- 启用分包和代码压缩组件效果不明显，最终依赖压缩图片文件。
- 决定将图片资源转移至服务器，避免打包在本地。
- 通过修改小程序资源地址，实现从CDN加载图片。
- 上传static目录到服务器，执行修改工具，删除本地资源。
- tabbar的图片需添加到排除列表，确保正常显示。
- 最终主包体积缩减至约2.06MB，缺失部分可进一步调整。
- 提供了工具代码用于路径替换和删除本地资源。
❓
延伸问答
为什么闺蜜圈小程序未更新？
闺蜜圈小程序未更新的主要原因是uni打包后体积过大。
如何缩减小程序的体积？
通过将图片资源转移至服务器并修改路径，可以将小程序的体积缩减至约2.06MB。
使用工具代码的步骤是什么？
首先发行构建小程序，然后执行命令：node cdn-rewrite.js [--mode=dist|dev] [--remove-static]。
为什么启用分包和代码压缩效果不明显？
启用分包和代码压缩的效果不明显，最终依赖于压缩图片文件来缩减体积。
如何确保tabbar的图片正常显示？
tabbar的图片需添加到排除列表，以确保正常显示。
工具代码中如何处理文件路径？
工具代码通过正则表达式替换文件中的路径，将/static/路径替换为CDN前缀。
➡️
