小程序的分包使用

一、分包的基础概念


1. 什么是分包

  • 分包指的是把一个完整的小程序项目,按照需求划分为不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载

2. 分包的好处

  • 可以优化小程序首次启动的下载时间
  • 多团队共同开发时可以更好的解耦协作

3. 分包前项目的构成

在这里插入图片描述

4. 分包后项目的构成

在这里插入图片描述

5. 分包的加载规则

在这里插入图片描述

6. 分包的体积限制

在这里插入图片描述

二、分包的使用


1. 配置方法

在这里插入图片描述

2. 打包原则

  1. 小程序会按 subpackages 的配置进行分包,subpackages 之外的目录将被打包到主包中
  2. 主包也可以有自己的 pages(即最外层的 pages 字段)
  3. tabBar 页面必须在主包内
  4. 分包之间不能互相嵌套

3. 引用原则

在这里插入图片描述

三、独立分包


1. 什么是独立分包

在这里插入图片描述

2. 独立分包和普通分包的区别

  • 最主要的区别:是否依赖于主包才能运行
    • 普通分包必须依赖于主包才能运行
    • 独立分包可以在不下载主包的情况下,独立运行

3. 独立分包的应用场景

在这里插入图片描述

4. 独立分包的配置方法

在这里插入图片描述

5. 引用原则

在这里插入图片描述

四、分包预下载


1. 什么是分包预下载

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

2. 配置分包的预下载

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

3. 分包预下载的限制

  • 同一个分包中的页面享有共同的预下载大小限额 2M,例如:
    在这里插入图片描述
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值