uniapp程序分包(uniapp小程序分包后还是大)

网友投稿 2104 2023-01-20

本篇文章给大家谈谈uniapp小程序分包,以及uniapp小程序分包后还是大对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 今天给各位分享uniapp小程序分包的知识,其中也会对uniapp小程序分包后还是大进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

uni-app 小程序分包

主包: 小程序首次启动的时候,默认就会加载的包,在没有分包的情况下整个工程就可以看做是一个主包,小程序为了支撑起第一次启动后页面的展示,会加载所有的包资源,不管页面中有些模块有没有用得到,都会加载,这样势必就会导致在首次启动的时候,由于包的体积过大,加载时间过长,造成用户体验就不是很好,考虑到这一个层面,各家的小程序包都是有大小限制的,因为你不能让小程序变得臃肿得像个APP,那样就失去了小程序轻巧、方便的意义了
子包(分包): 为了避免在第一次启动的时候,加载的主包过大,这个时候我们就可以考虑将主包进行拆分,拆分为一些小的子包,这样在启动的时候,我们只要加载主包,足够支撑第一次页面展现即可,在后续点击子模块的时候,再逐个根据需要加载对应的子包,这样就避免了主包过大的问题。当然每个子包也是有大小限制的。

uniapp页面分包

在多人协作使用uniapp开发时候,同时在一个page.json下进行操作很容易出现冲突,当页面过多时还有可能因为主包体积过大而导致小程序无法打包,所以对路由进行分包和模块化管理可在一定程度上提高开发效率。

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: http://github.crmeb-/u/defu 不胜感激 !

关于uniapp小程序分包和uniapp小程序分包后还是大的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。 uniapp小程序分包的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于uniapp小程序分包后还是大、uniapp小程序分包的信息别忘了在本站进行查找喔。

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:app打开小程序示例(app打开小程序示例失败)
下一篇:安卓手机app开发软件(如何自己开发软件app)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~