uniapp小程序开发:解决主包超2MB问题的优化经验分享

2025-01-11
来源:网络整理

在开发小程序时,我们经常会遇到打包时主包超过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文件的使用。如果必须使用,则全部放入分包中加载使用。

分享