obaby@mars
·
也谈 cf 的 npm 代理 以及 uniapp vendor.js 压缩
💡
原文中文，约7900字，阅读约需19分钟。
📝
内容提要
本文讨论了小程序的包体积和npm源问题。通过更换npm源解决了安装插件的问题。介绍了使用compression-webpack-plugin插件压缩js文件和压缩图片体积来解决uniapp小程序打包体积过大的问题。压缩后的gz文件无法加载，最终通过压缩图片体积实现整体体积压缩。分享了自建的npm镜像地址。
🎯
关键要点
- 小程序的包体积问题和npm源问题有联系，替换npm源可以解决安装插件的问题。
- 使用compression-webpack-plugin插件压缩js文件和图片体积来减小uniapp小程序的打包体积。
- 压缩后的gz文件无法被小程序加载，最终通过压缩图片体积实现整体体积压缩。
- 分享了自建的npm镜像地址： https://npm.obaby.blog
❓
延伸问答
如何解决uniapp小程序的包体积过大的问题？
可以通过使用compression-webpack-plugin插件压缩js文件和图片体积来减小uniapp小程序的打包体积。
更换npm源有什么好处？
更换npm源可以解决安装插件的问题，确保能够顺利安装所需的依赖包。
为什么压缩后的gz文件无法被小程序加载？
小程序无法加载gz文件，压缩体积的意义在于减小文件大小，但仍需使用可加载的文件格式。
如何配置compression-webpack-plugin插件？
需要在vue.config.js文件中配置compression-webpack-plugin，设置压缩文件类型和阈值等参数。
自建的npm镜像地址是什么？
自建的npm镜像地址是https://npm.obaby.blog。
使用compression-webpack-plugin时遇到的常见错误有哪些？
常见错误包括TypeError: Cannot read properties of undefined，通常与插件版本或配置不当有关。
➡️
