【微信小程序】分包

简介: 【微信小程序】分包

分包的基础概念


1、什么是分包


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


2、分包的好处


对小程序进行分包的好处主要有以下两点:


  • 可以优化小程序首次启动的下载时间


  • 在多团队共同开发时可以更好的解耦协作


3、分包后项目的构成


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


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


  • 分包:只包含和当前分包有关的页面和私有资源


4、分包的加载规则


💥💥💥在小程序启动时,默认会下载主包并启动主包内页面tabBar 页面需要放到主包中


💥💥💥当用户进入分包内某个页面时,客户端会把对应分包下载下来,下载完成后再进行展示非 tabBar页面可以按照功能的不同,划分为不同的分包之后,进行按需下载



5、分包的体积限制


目前,小程序分包的大小有以下两个限制:


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


  • 单个分包/主包大小不能超过 2M


分包的基本用法


1、配置方法


//示例代码
"subPackages": [
    {
      "root":"pkgA",
      "name":"p1",
      "pages": [
        "pages/cat/cat",
        "pages/dog/dog"
      ]
    },
    {
      "root":"pkgB",
      "name":"p2",
      "pages": [
        "pages/apple/apple",
        "pages/banana/banana"
      ]
    }
  ],


2、打包原则


  • 小程序会按subpackages的配置进行分包subpackages 之外的目录将被打包到主包中


  • 主包也可以有自己的pages (即最外层的pages字段)


  • tabBar 页面必须在主包内


  • 分包之间不能互相嵌套


独立分包


1、什么是独立分包


独立分包本质上也是分包,只不过它比较特殊,可以独立于主包和其他分包而单独运行


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


最主要的区别:是否依赖于主包才能运行


  • 普通分包必须依赖于主包才能运行


  • 独立分包可以在不下载主包的情况下,独立运行


3、独立分包的应用场景


开发者可以按需,将某些具有- -定功能独立性的页面配置到独立分包中。原因如下:


  • 当小程序从普通的分包页面启动时,需要首先下载主包


  • 而独立分包不依赖主包即可运行,可以很大程度上提升分包页面的启动速度、


4、独立分包的配置方法



5、引用原则


独立分包和普通分包以及主包之间,是相互隔绝的,不能相互引用彼此的资源,例如:


💥主包无法引用独立分包内的私有资源


💥💥独立分包之间,不能相互引用私有资源


💥💥💥独立分包和普通分包之间,不能相互引用私有资源


💥💥💥💥💥特别注意:独立分包中不能引用主包内的公共资源



目录
相关文章
|
5月前
|
小程序
小程序的分包加载具体流程
小程序的分包加载具体流程
172 0
|
2月前
|
小程序 开发者
【微信小程序】-- 分包 - 独立分包 & 分包预下载(四十五)
【微信小程序】-- 分包 - 独立分包 & 分包预下载(四十五)
|
2月前
|
小程序
【微信小程序】-- 分包(四十四)
【微信小程序】-- 分包(四十四)
|
2月前
|
小程序 前端开发 UED
详细讲解uniapp转小程序分包教程!!!
详细讲解uniapp转小程序分包教程!!!
|
3月前
|
小程序
微信小程序如何分包管理
微信小程序如何分包管理
59 0
|
5月前
|
小程序 UED 开发者
微信小程序如何分包管理
微信小程序如何分包管理
|
5月前
|
小程序 前端开发 UED
微信小程序进行分包加载
微信小程序进行分包加载
132 0
|
5月前
|
小程序 UED
微信小程序分包
微信小程序分包
40 0
|
18天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。
|
18天前
|
小程序 安全 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的身份认证与授权机制。身份认证包括手机号验证、微信登录和第三方登录,而授权机制涉及角色权限控制、ACL和OAuth 2.0。实践中,开发者可利用微信登录获取用户信息,集成第三方登录,以及实施角色和ACL进行权限控制。注意点包括安全性、用户体验和合规性,以保障小程序的安全运行和良好体验。通过这些方法,开发者能有效掌握小程序全栈开发技术。