微信小程序分包教程_小程序自助搭建平台

微信小程序分包教程_小程序自助搭建平台在进入小程序的某个页面时,框架自动预下载可以需要的分包,从而提升后序分包页面的启动速度

分包

概念

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

作用

对小程序进行较好的优化

  • 优化小程序首次启动的加载时间
  • 多人开发的过程中可以更好的解耦
分包后的项目构成

分包后的小程序由1个主包+多个分包组成

  • 主包:启动界面或TabBar页面,以及所有分包都需要用到的公共资源
  • 分包:只包含和当前分包有关的页面和私有资源

请添加图片描述

分包的加载规则
  1. 在小程序启动时,默认会下载主包并启动主包内页面
    • tabBar页面需要放到主包中
  2. 当用户进入某个页面,客户端下载对应分包,下载完成后再展示
    • 非tabBar页面可以按照功能的不同,划分为不同的分包
分包的体积限制
  • 整个小程序所有分包体积不能大于16M(主包+分包)
  • 单个分包/主包大小不能超过2M
配置方法

请添加图片描述
请添加图片描述

小程序打包原则
  • 小程序会按照subPackages的配置进行分包,subPackages之外的目录将会被打包到主包中
  • 主包也可以有自己的pages
  • tabBar页面必须在主包内
  • 分包之间不能相互嵌套
引用原则
  • 主包无法引用分包的私有资源
  • 分包之间不能相互引用私有资源
  • 分包可以引用主包内的公共资源
独立分包

独立分包本质也是分包,它特殊在可以独立于主包和其他分包而单独运行(独立于主包的分包

它的好处在于,不依赖主包,可以提高页面启动速度

在配置层面,它和普通分包的区别仅仅是

为在分包的最后添加"independent":true属性

独立分包普通分包以及主包之间的资源都是相互隔绝

分包预下载

在进入小程序的某个页面时,框架自动预下载可以需要的分包,从而提升后序分包页面的启动速度

分包预下载的行为会在用于进入某一页面的时候进行

请添加图片描述

同一个分包中的页面享有共同的预下载大小限额2M

今天的文章微信小程序分包教程_小程序自助搭建平台分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/70749.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注