【微信小程序】分包

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

分包的基础概念


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、引用原则


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


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


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


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


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



目录
相关文章
|
1月前
|
小程序
【微信小程序-原生开发】实用教程21 - 分包
【微信小程序-原生开发】实用教程21 - 分包
73 0
|
3月前
|
小程序
微信小程序-分包
微信小程序-分包
40 0
|
3月前
|
小程序 开发工具 UED
小程序分包的详细流程
小程序分包的详细流程
179 2
|
3月前
|
小程序 开发者
解决微信小程序因为包太大无法上传:uniapp分包
解决微信小程序因为包太大无法上传:uniapp分包
114 0
|
3月前
|
小程序 前端开发 UED
详细讲解uniapp转小程序分包教程!!!
详细讲解uniapp转小程序分包教程!!!
|
3月前
|
小程序 开发者
【微信小程序】-- 分包 - 独立分包 & 分包预下载(四十五)
【微信小程序】-- 分包 - 独立分包 & 分包预下载(四十五)
|
3月前
|
小程序
【微信小程序】-- 分包(四十四)
【微信小程序】-- 分包(四十四)
|
3月前
|
小程序
微信小程序如何分包管理
微信小程序如何分包管理
158 0
|
1天前
|
小程序
微信小程序开发---购物商城系统。【详细业务需求描述+实现效果】
这篇文章详细介绍了作者开发的微信小程序购物商城系统,包括功能列表、项目结构、具体页面展示和部分源码,涵盖了从首页、商品分类、商品列表、商品详情、购物车、支付、订单查询、个人中心到商品收藏和意见反馈等多个页面的实现效果和业务需求描述。
微信小程序开发---购物商城系统。【详细业务需求描述+实现效果】
|
1天前
|
小程序
关于我花了一个星期学习微信小程序开发、并且成功开发出一个商城项目系统的心得体会
这篇文章是作者关于学习微信小程序开发并在一周内成功开发出一个商城项目系统的心得体会,分享了学习基础知识、实战项目开发的过程,以及小程序开发的易上手性和开发周期的简短。
关于我花了一个星期学习微信小程序开发、并且成功开发出一个商城项目系统的心得体会

热门文章

最新文章