【微信小程序之分包】

微信小程序之分包

    • 什么是分包
    • 分包的好处
    • 分包前的结构图
    • 分包后的结构图
    • 分包的加载规则
    • 分包的体积限制
    • 使用分包
    • 打包原则
    • 引用原则
    • 独立分包
    • 独立分包的配置方法
    • 独立分包的引用原则
    • 分包预下载
    • 配置分包的预下载
    • 分包预下载限制

什么是分包

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

分包的好处

  1. 可以优化小程序首次启动的时间
  2. 在多团队共同开发时可以更好的解耦合作

分包前的结构图

分包前,小程序项目中的所有页面和资源都被打包在一起,导致整个项目体积过大,影响小程序首次启动的下载时间
在这里插入图片描述

分包后的结构图

分包hou,小程序由主包和多个分包组成:
——主包:一般只包含项目的启动页面或TabBar页面,以及所有分包都需要用到的一些公共资源
——分包:只包含当前分包有关的页面和资源
请添加图片描述

分包的加载规则

(1)在小程序启动时,默认会下载主包并启动主包内页面,TabBar页面需要放到主包中
(2)当用户进入分包内的某个页面时,客户端会把对应的分包下载下来,进行按需下载

分包的体积限制

小程序所有包的体积不能超过16M
单个包(主/分包)大小不能超过2M

使用分包

{"subPackages": [{"root" :"pkgA" ,"pages" : ["pages/cat/cat","pages/dog/dog"]},{"root" :"pkgB" ,"pages" : ["pages/apple/apple","pages/banana/banana"]}],}

请添加图片描述

打包原则

(1)小程序会按照subPackages的配置进行分包,subPackages之外的目录将被打包到主包中
(2)tabBar页面必须在主包里面
(3)分包之间不能相互嵌套

引用原则

(1)主包无法引用分包内的私有资源
(2)分包之间不能相互引用私有公告资源
(3)分包可以引用主包内的公告资源

独立分包

独立分包本质上也是分包,不过他可以独立于主包和其他分包单独运行,也就是说没有什么依赖,而普通分包不能,单独运行。

独立分包的配置方法

请添加图片描述

独立分包的引用原则

(1)独立分包不能引用主包中的公共资源
(2)主包无法引用独立包内的私有资源
(3)独立分包之间也不允许相互引用私有资源
(4)独立分包和普通分包之间,不能引用私有资源

分包预下载

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

配置分包的预下载

在这里插入图片描述

分包预下载限制

————一个分包的的预下载总大小不能超过2M

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/624147.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

突破编程_前端_SVG(使用 svg-pan-zoom 库进行平移与缩放)

1 svg-pan-zoom 概述 svg-pan-zoom 是一个轻量级、高性能且易于使用的 JavaScript 库,专为增强 SVG 图像的浏览体验而设计。它提供了平移和缩放功能,使用户能够无缝探索大型或复杂的 SVG 图形。这个库允许用户对SVG图像进行交互操作,包括缩放…

新版AndroidStudio使用switch-case语句时出现Constant expression required错误

原因: 在新版的Android Studio中使用JDK17以上版本,会出现switch语句报错"Constant expression required"的问题,这是因为在JDK17中switch语句的条件表达式支持使用枚举类型,而这个特性还没有被支持。 解决方法: ①在gradle.prope…

Github 2024-04-12 开源项目日报 Top10

根据Github Trendings的统计,今日(2024-04-12统计)共有10个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量Python项目6TypeScript项目2Cuda项目1C++项目1C项目1HTML项目1Jupyter Notebook项目1JavaScript项目1Python - 100天从新手到大师 创建周期:22…

HTTP/1.1特性总结

优点 【简单,灵活和易于扩展,应用广泛和跨平台】 1.简单: http基本的报文格式就是headerbody,头部信息也是key-value简单的文本形式,易于理解,降低了学习和使用的门槛 2.灵活和易于扩展: &…

python-常用数据结构(2)

6、某企业为职工发放奖金:如果入职超过5年,且销售业绩超过15000元的员工,奖金比例为0.2;销售业绩超过10000元的员工,奖金比例为0.15:销售业绩超过5000元的员工,奖金比例为0.1;其他奖金比例为0.05。如果是人职不超过5年,且销售业绩超过4000的员工,奖金比例为0.045;否则为0.01。输…

前端ocr技术:electron+vue3中使用tesseract插件识别图片中字符

同学们可以私信我加入学习群! 正文开始 前言一、electron各种csp问题二、试用插件总结 前言 项目需要ocr技术识别图片中的中文字符,本来这部分是后端的工作,但是因为各种原因,决定前端也做一个版本。 在ai时代之前,o…

bugku-cryton 把猪困在猪圈里

打开题目得到一串字符,发现最后有等号,尝试buase64解码,发现文字解码不行,试试图片解码 解码得到一串图片密文,根据经验是猪圈密码,查找相关表格对应 一一对应得到flag{thisispigpassword} 参考猪圈密文链…

PyCharm 2024.1 发布:全面升级,助力高效编程!

PyCharm 2024.1 发布:全面升级,助力高效编程! 文章目录 PyCharm 2024.1 发布:全面升级,助力高效编程!摘要引言 Hugging Face:模型和数据集的快速文档预览针对 JavaScript 和 TypeScript 的全行代…

【C++对于C语言的扩充】函数重载、引用以及内联函数

文章目录 🚀前言🚀函数重载注意:✈️为什么C可以实现函数重载,而C语言却不行呢? 🚀引用✈️引用的特性✈️C中为什么要引入引用✈️引用与指针的区别 🚀内联函数✈️内联函数特性 🚀…

腾讯云最新优惠活动及领券入口整理分享

腾讯云近期的优惠活动丰富多样,旨在为用户提供更优惠的产品和服务。以下是一些腾讯云最新的优惠活动及领券入口的整理分享。 优惠活动: 腾讯云最新活动:https://txy.ink/act/ 1、腾讯云新客专属福利:新客户可以无门槛领取代金券&a…

windows下已经创建好了虚拟环境,但是切换不了的解决方法

用得多Ubuntu,今天用Windows重新更新anaconda出问题,重新安装之后,打开pycharm发现打开终端之后,刚开始是ps的状态,后面试了网上改cmd的方法,终端变成c盘开头了 切换到虚拟环境如下:目前的shell…

51单片机之DS1302实时时钟

1.DS1302时钟芯片介绍 DS1302是由美国DALLAS公司推出的具有涓细电流充电能力的低功耗实时时钟芯片。它可以对年、月、日、周、时、分、秒进行计时,且具有闰年补偿等多种功能RTC(Real Time Clock):实时时钟,是一种集成电路,通常称…