uniapp开发微信小程序大于2m(uniapp和微信小程序)
本篇文章给大家谈谈uniapp开发微信小程序大于2m,以及uniapp和微信小程序对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
crmeb 小程序包大小超过2M的解决方法
微信限制了小程序的代码包不能超过2MB,这主要是出于对小程序启动速度的考虑。但是,2MB 的大小也限制了小程序功能的扩展,如果大小超出了2MB该如何解决呢?
什么是分包加载:
小程序一般都是由某几个功能组成,通常这几个功能之间是独立的,但会依赖一些公共的逻辑,且这些功能一般会对应某几个独立的页面。那么小程序代码的打包,可以按照功能的划分,拆分成几个分包,当需要用到某个功能时,才加载这个功能对应的分包。
对于用户来说,小程序加载流程变成了:
1.首次启动时,先下载小程序主包,显示主包内的页面;
2.当进入某个分包的页面,再下载这个对应分包,下载完毕后,显示分包的页面。
采用分包加载,对开发者而言,能使小程序有更大的代码体积,承载更多的功能与服务;而对用户而言,可以更快地打开小程序,同时在不影响启动速度前提下使用更多功能。
分包的划分:
在配置前,按照功能对各个分包的内容进行划分,将同一个功能下的页面和逻辑放在童改一个目录下,把一些跨功能的公共逻辑放在主包下。
在分包划分时需注意:
1.包与包之间功能尽可能独立,避免分包与分包之间引用上的耦合。因为分包的加载是由用户操作触发的,并不能确保某分包加载时,另外一个分包就一定存在,这个时候可能会导致 JS 逻辑异常的情况,例如报「"xxx.js" is not defined」这样的错误;
2.一些公共的自定义组件,要放在主包内。
分包的配置:
在uni app中通过cli初始化的小程序目录结构如下:
src
main.js
App.vue
pages.json
manifest.json
orderPackages
pages
goodsDetail
myorder
pages
index
user
utils
目前小程序分包大小的限制:
整个小程序所有分包大小不超过 4M
单个分包/主包大小不能超过 2M
以上只罗列了uni app框架分包加载的步骤, 原生小程序分包方法根据官方文档即可快速实现,小程序框架虽多, 大都大同小异,如果后续有使用其他框架进行开发,会进行补充。
如果你觉得这篇文章对你有点用的话,麻烦请给我们的开源项目点点star: 不胜感激 !
uni-app使用时需注意的一些问题
一、组件做全局引入时要注意
最近在使用uni-app开发微信小程序,开头偷懒,组件做了全局引入,但是随着组件的增加,微信小程序报main.js超过500KB(实际大小为549KB),后来跟踪发现是因为组件做了全局引入影响,改为按需引入后,main.js缩小至123KB,warning解除。
uniapp 微信小程序打包发布
选中项目-点击发行(U)- 小程序-(微信仅适用于uniapp)(W)
填写微信小程序名称和微信小程序Appid
点击发行
项目会进入编译中编译完成后,回启动微信开发者工具
使用小程序账号扫码:
登录微信公众号平台
再次提交审核即可,审核通过后,就可以去微信中去搜索你的小程序了
uniapp开发微信小程序大于2m的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于uniapp和微信小程序、uniapp开发微信小程序大于2m的信息别忘了在本站进行查找喔。