微信小程序分包

396 阅读2分钟

分包-基础概念

1.什么是分包

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

2.分包的好处

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

3.分包前项目的构成

分包前,小程序项目中所有的页面资源都被打包到了一起,导致整个项目体积过大,影响小程序首次启动的下载时间

4.分包后项目的构成

分包后,小程序项目有1个主包+多个分包组成:

  • 主包:一般只包含项目的启动页面TabBar页面、以及所有分包都需要用到的一些公共资源
  • 分包:只包含和当前分包有关的页面和私有资源

5.分包的加载规则

  1. 在小程序启动时,默认会下载主包启动主包页面
  • tabBar页面需要放到主包中
  1. 当用户进入分包某个页面时,客户端会把对应的分包下载下来,下载完成后再进行展示
  • 非tabBar页面可以按照功能的不同,划分为不同的分包之后,进行按需下载

6.分包的体积限制

  • 整个小程序所有分包大小不超过 16M(主包+分包)
  • 每个包大小不能超过2M

分包的使用

1.配置方法

QQ图片20220821155932.jpg

2.打包原则

QQ图片20220821160246.jpg

3.引用原则

QQ图片20220821160504.jpg

独立分包

1.独立分包是什么

QQ图片20220821161029.jpg

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

QQ图片20220821161149.jpg

3.独立分包的应用场景

QQ图片20220821161334.jpg

4.独立分包的配置方法( "independent": true)

QQ图片20220821161614.jpg

5.引用原则

QQ图片20220821161906.jpg

分包预下载

1.什么是分包预下载

QQ图片20220821162716.jpg

2.配置分包的预下载

QQ图片20220821162617.jpg

3.分包预下载的规则

QQ图片20220821163024.jpg