微信小程序分包

微信小程序为了应对16M大小限制,采用分包策略,主包包含启动页和公共资源,分包按需加载。独立分包可提升启动速度,但各分包间资源互不可见。预下载技术用于预先加载分包,提高用户体验,但需注意预下载大小限制。配置和引用规则需谨慎处理,确保高效运行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

微信小程序分包

1.为什么要分包

  在微信小程序上线时,要求整个小程序所有分包大小不超过 16M(主包 + 所有分包, 单个分包/主包大小不能超过 2M。如果你主包大小大于2M则需要做一些处理,比如分包或者把一些大的资源如图片放在服务器上,然后从服务器上选取所用的图片

2.分包组成方式:

  分包后,小程序项目由1 个主包+ 多个分包组成:
  主包:一般只包含项目的启动页面或TabBar 页面、以及所有分包都需要用到的一些公共资源
  分包:只包含和当前分包有关的页面和私有资源

3.配置方法:

在这里插入图片描述
在这里插入图片描述

4.普通分包以及主包之间引用原则:

  主包里的资源(js, template, wxss, components, 图片)都是全局的,可以被公用;而每个分包相当于有自己的“作用域”,自己的资源,只能用自己的或者使用主包的,但不能使用其他子包的资源

5.独立分包:

  当小程序从普通的分包页面启动时,需要首先下载主包。而独立分包不依赖主包即可运行,可以很大程度上提升分包页面的启动速度。注意:一个小程序中可以有多个独立分包

  独立分包的配置方法:
在这里插入图片描述
在这里插入图片描述
  独立分包引用规则:
  独立分包和普通分包以及主包之间,是相互隔绝的,不能相互引用彼此的资源!例如:
  ①主包无法引用独立分包内的私有资源
  ②独立分包之间,不能相互引用私有资源
  ③独立分包和普通分包之间,不能相互引用私有资源
  ④特别注意:独立分包中不能引用主包内的公共资源

6.分包预下载

  分包预下载指的是:在进入小程序的某个页面时,由框架自动预下载可能需要的分包,从而提升进入后续分包页面时的启动速度。

  预下载分包的行为,会在进入指定的页面时触发。在app.json 中,使用preloadRule节点定义分包的预下载规则,示例代码如下:
在这里插入图片描述

  分包预下载的限制:
  同一个分包中的页面享有共同的预下载大小限额2M
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值