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

微信小程序分包加载：

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

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 字段声明项目分包结构：

参考资料：

微信小程序官方分包文档

微信小程序分包加载，分包加载的优势相关推荐

微信小程序中高清图片替换加载策略
微信小程序中高清图片替换加载策略前言一.基本思想二.具体步骤 1.图片大小对比 2.代码流程总结前言随着微信的不断发展,微信小程序凭借着它用户基数大,无下载安装等优点开始逐渐替代传统app ...
微信小程序主包与分包的控制小程序大小
微信小程序主包与分包的控制大小为了让用户有更好的体验,小程序于是限制包的大小为2M,在开发中,我们经常会出现内容过大的问题,于是要进行包的大小控制,分包就是一个很好的方式,小程序分包的好处,分包 ...
微信小程序流量主广告怎么加圆角
微信小程序流量主广告ad加圆角广告标签外侧加一层view标签,给view设置圆角和overflow:hidden <view style="border-radius:20upx;o ...
页面加载成功后调用_在微信小程序里实现图片预加载组件
网页中的图片预加载我们知道在 Web 页面中实现图片的预加载其实很简单,通常的做法是在 JS 中使用 Image 对象即可,代码大致如下 var image = new Image() image. ...
mfc cimage加载显示图片_在微信小程序里实现图片预加载组件
网页中的图片预加载我们知道在 Web 页面中实现图片的预加载其实很简单,通常的做法是在 JS 中使用 Image 对象即可,代码大致如下 var image = new Image() image. ...
微信小程序实现上拉分页加载数据
文章目录 1. 实现上拉请求 2. 实现分页加载 3. 数据全部加载完成后阻止上拉刷新 4. 容易发送上拉刷新失败问题微信小程序的上拉和下拉刷新是比较常见的功能,下拉刷新比较容易实现,这里说一下上拉 ...
微信小程序如何实现上拉加载更多数据?
思路:在下拉到页面的时候我们可以进行数据请求,请求到在上次加载完毕的后五条数据 (举个例子),通过page(页码),count(加载数据得条数)与start进行联接,我们可以发现:start:(pag ...
微信小程序入门五上滑加载下拉刷新
之前谈到文章列表的数据加载,是一次性全部加载,这样是不友好的.这章介绍加载和刷新. 效果图: 先介绍在IDE中,怎么模拟上滑这个操作.开始我是用鼠标点击文章列表,然后先上移动.结果一直没有结果,以为是 ...
android 独立插件,最新反编译任何微信小程序，以及独立分包、插件的处理方式...
本篇文章将详细讲解如何对线上的微信小程序进行解包反编译,并处理独立分包加载.插件等情况下的解决方法,最终获得他的源码以用来学习,没错,就是学习.
反编译任何微信小程序，以及独立分包、插件的处理方式
本篇文章将详细讲解如何对线上的微信小程序进行解包反编译,并处理独立分包加载.插件等情况下的解决方法,最终获得他的源码以用来学习,没错,就是学习.

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

微信小程序分包加载，分包加载的优势相关推荐

最新文章

热门文章