小程序的分包使用

一、分包的基础概念


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,例如:
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_58190023/article/details/129700577