在用uniapp开发小程序的时候,经常在打包的时候会碰到主包超2mb的问题。大部分时候比较好解决,但是有的时候明明没有超过却又提示超过2mb就很头疼了。
在经历了N个uni项目开发后,我把自己的一些优化经验在这里和大家分享。
这里主要分为两种情况来讲,一种是二开别人的项目,一种是自己纯零开发的项目。
首先讲讲二开的:
1、启用“摇树优化”(这个比较牛逼的,能够减少相当多的体积)
使用方法:uni-app官网
2、运行时勾选“是否压缩代码”,运行->运行到小程序模拟器->运行时是否压缩代码
3、在小程序模拟器端取消勾选“自动上传css代码”
4、本地的静态文件看看是否有多余的图片,全部删除掉,或者将图片挂载到第三方cdn进行加载
5、排查components是否有多余的无用组件,有的话全删除了
6、重构分包加载(虽然很麻烦),是没有办法的办法才用
7、把多余的无用注释全部删除掉
8、可将文件先做一次发行,再将发行完后的小程序代码导入编译
自己从零开始开发的:
1、合理规划分包,开始时就细分分包,尽量少在主包放大文件
2、减少项目的层级,合理归分层级,同时可以提高项目的运行速度
3、静态资源全部cdn加载
4、公共组件库
6、公共CSS库,尽量做到一次代码多次使用,避免重复多余的CSS
7、使用稳定全面的UI库,可以大幅度减少CSS的用量
8、外部较大的js文件,尽量减少使用,非用不可的话全部放到分包里去加载使用