在开发小程序时,我们经常会遇到打包时主包超过2MB的问题。大多数时候很容易解决,但有时虽然没有超标却说超过2mb,这就很头疼了。
在经历了N个uni项目的开发之后,我在这里跟大家分享一下我的一些优化经验。
这里主要有两种情况,一种是开发别人的项目,一种是从头开始开发项目。
首先我们来说说第二个版本:
1.启用“tree ”(这非常棒,可以减少很多大小)
使用方法:uni-app官网
2、运行时勾选“是否压缩代码”,运行->运行到小程序模拟器->运行时是否压缩代码
3、小程序模拟器端取消勾选“自动上传css代码”。
4、检查本地静态文件是否有多余图片,将其全部删除,或者将图片挂载到第三方cdn加载。
5、检查是否有多余无用的组件,如有则全部删除。
6.重构分包加载(虽然很麻烦),只有在没有其他办法的时候才使用。
7.删除所有多余无用的注释。
8. 文件可以发布一次,然后可以导入并编译发布的小程序代码。
从头开始开发:
1、合理规划分包,一开始就细分分包,尽量少增大主包中的文件
2、降低项目的级别,合理划分不同级别,这样也可以提高项目的运行速度。
3.所有静态资源均通过cdn加载
4.公共组件库
6.对于公共CSS库,尽量多次使用一份代码,避免重复冗余CSS。
7、使用稳定且全面的UI库可以大大减少CSS的使用量。
8.尽可能减少大型外部js文件的使用。如果必须使用,则全部放入分包中加载使用。