0
点赞
收藏
分享

微信扫一扫

uniapp优化方案总结,让你的主包不再轻易超过2MB

年迈的代码机器 2022-05-03 阅读 89

在用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文件,尽量减少使用,非用不可的话全部放到分包里去加载使用

举报

相关推荐

0 条评论