失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信小程序分包加载 分包加载的优势

微信小程序分包加载 分包加载的优势

时间:2019-07-14 03:11:42

相关推荐

微信小程序分包加载 分包加载的优势

微信小程序分包加载:

有时候我们的小程序太大,首次打开小程序的时候会比较慢,可以进行分包处理,按照功能的划分,拆分成几个分包,让用户在操作小程序的时候按需下载资源(用户在进入某些页面的时候才去下载相应的资源,加载这个功能对应的分包,使用分包可以加快小程序的速度,优化用户体验)。

对于用户来说,小程序加载流程变成了:

1.首次启动时,先下载小程序主包,显示主包内的页面;

2.如果用户进入了某个分包的页面,再下载这个对应分包,下载完毕后,显示分包的页面。 采用分包加载,对开发者而言,能使小程序有更大的代码体积,承载更多的功能与服务;而对用户而言,可以更快地打开小程序,同时在不影响启动速度前提下使用更多功能。

分包的划分

在配置前首先需要规划各个分包需要容纳的内容,建议按照功能划分的的原则,将同一个功能下的页面和逻辑放置于同一个目录下,对于一些跨功能之间公共逻辑,将其放置于主包下,这样可以确保在分包引用这部分功能时,这部分的逻辑一定存在。

在分包划分时,应该注意以下事项:

1、避免分包与分包之间引用上的耦合。因为分包的加载是由用户操作触发的,并不能确保某分包加载时,另外一个分包就一定存在,这个时候可能会导致 JS 逻辑异常的情况,例如报「“xxx.js” is not defined」这样的错误;

2、一些公共用到的自定义组件,需要放在主包内。

3、每一个包里的静态资源文件是相对封闭的,不能相互引用。

4、小程序定义的tabBar必须定义在程序的主包内。

5、每个包定义的root字段是独立的,A包的根目录不能在B包的子目录中。

6、subpackages字段的写法和subPackages是一样的,没有过分强调。

7、整个小程序所有分包大小不超过 8M,单个分包/主包大小不能超过 2M

分包的限制:

小程序代码有个2M限制,分包以后单独包最大不能超过2M;整个小程序可以达到8M

分包的配置:

假设支持分包的小程序目录结构如下:开发者通过在 app.json subpackages 字段声明项目分包结构:

参考资料:

微信小程序官方分包文档

如果觉得《微信小程序分包加载 分包加载的优势》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。