uniapp分包及优化

时间:2024-03-15 14:30:54
  • 最近第一次做uniapp,遇到分包问题,查了一些资料,询问一些朋友,倒是得到了解决,下面分享一下自己分包处理中的一些经验,哪儿需要补充或者有问题欢迎指出

    关于uniapp分包的说明,在开发小程序中,我们称主目录下的pages和static为主包,想要真机调试主包或者分包的大小不能超过2M,超过就会导致调试时打不开,所以我们要尽可能的减少主包体积和静态资源图片的存放,而哪些是必须出现在主包里的内容呢:

1.底部导航栏的配置项页面
2.主包所依赖的插件
3.主包依赖的图片(在做静态页时,图片太大可以放服务器上,等着联调了再换)

下面附带一张各小程序允许分包大小图:
uniapp分包及优化
项目目录展示
uniapp分包及优化
接下来在pages.json中配置uniapp分包及优化
subPackages是分包配置关键词,root是子包根目录,下面的pages就跟和底部导航栏的pages一样了,
接下来可在微信小程序中查看自己是否分包成功
uniapp分包及优化
运行成功之后,点击右侧详情,主包: 1472.8kb,下面那个components就是分的子包,注意,这些包不得超2M,不然就打不开了.
还有一点我也没研究明白,uniapp好像是今年更新分包优化的处理,自己试了试发现也没什么变化,有了解的朋友可以留言说一下是干什么的

uniapp分包及优化
这个配置路径有些隐蔽,在manifest.json→源码试图→找到"mp-weixin",添加"optimization" : {
“subPackages” : true
},