【微信小程序之分包】

微信小程序之分包

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

什么是分包

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

分包的好处

  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.mfbz.cn/a/550818.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

理想低通滤波器

理想低通滤波器,振铃现象是因为sinc函数,而sinc函数是因为例4.1的简单函数的傅里叶变换得到的。经过我的计算,简单函数的傅里叶反变换也得到sinc函数。这里的频率域滤波器因为是二个值的,所以类似简单函数,反变换之后得…

DRV8711驱动器的各寄存器的介绍

一、CTRL Register (Address = 0x00) ISENSE放大器增益设置:设定值越大时,表示在任何频率的指令脉冲下,位置滞后量越小;位置环的前馈增益大,控制系统的高速响应特性提高,但会使系统的位置不稳定,容易产生振荡; 死亡时间设置:电机驱动死区时间指的是在电机的控制信号由…

AI智能体技术突破:引领科技新浪潮

AI智能体技术突破:引领科技新浪潮 基于大模型的 AI Agent 工作流基于大模型的 AI Agent 工作流效果AI Agent 的四种设计模式Reflection 反思设计模式Tool use 工具使用设计模式Planning 规划设计模式Multiagent collaboration 多智能体协作设计模式 吴恩达在红杉美国…

Python可视化-matplotlib用法详解(一)

一、折线图绘制 import pandas as pds./../../data//unrate.csv unrate pd.read_csv(s) # 时间格式转换, unrate[DATE] pd.to_datetime(unrate[DATE]) print(unrate.head(12))DATE VALUE 0 1948-01-01 3.4 1 1948-02-01 3.8 2 1948-03-01 4.0 3 19…

C++ | Leetcode C++题解之第31题下一个排列

题目&#xff1a; 题解&#xff1a; class Solution { public:void nextPermutation(vector<int>& nums) {int i nums.size() - 2;while (i > 0 && nums[i] > nums[i 1]) {i--;}if (i > 0) {int j nums.size() - 1;while (j > 0 && …

pip如何查看Python某个包已发行所有版本号?

以matplotlib包为例子&#xff0c; pip install matplotlib6666 6666只是胡乱输入的一个数&#xff0c;反正输入任意一个不像版本号的数字都可以&#xff5e; matplotlib所有版本号如下&#xff0c; 0.86, 0.86.1, 0.86.2, 0.91.0, 0.91.1, 1.0.1, 1.1.0, 1.1.1, 1.2.0, 1.2.1…

从永远到永远-ThinkBook笔记本避坑

ThinkBook黑点吐槽 0.写在前边的话1.配置2.槽点1.蓝屏2.键盘失灵3.触摸板失灵4.游戏1.黑屏2.切出游戏 5.资源管理器搜索栏消失6.鼠标右键桌面失灵7.输入法8.声音 3.总结 0.写在前边的话 在购买本机之前&#xff0c;我一直使用的小米&#xff08;型号待补&#xff09;笔记本。也…

lua基本语法

Lua语法入门 初识lua vi hello.lua print("hello,lua") lua hello.lua 变量和循环 变量 循环 条件控制、函数 条件控制

计算机网络——实现smtp和pop3邮件客户端

实验目的 运用各种编程语言实现基于 smtp 协议的 Email 客户端软件。 实验内容 1. 选择合适的编程语言编程实现基于 smtp 协议的 Email 客户端软件。 2. 安装 Email 服务器或选择已有的 Email 服务器&#xff0c;验证自己的 Email 客户端软件是否能进行正常的 Email 收发功…

OWASP发布10大开源软件风险清单

3月20日&#xff0c;xz-utils 项目被爆植入后门震惊了整个开源社区&#xff0c;2021 年 Apache Log4j 漏洞事件依旧历历在目。倘若该后门未被及时发现&#xff0c;那么将很有可能成为影响最大的软件供应链漏洞之一。近几年爆发的一系列供应链漏洞和风险&#xff0c;使得“加强开…

材料物理 笔记-6

原内容请参考哈尔滨工业大学何飞教授&#xff1a;https://www.bilibili.com/video/BV18b4y1Y7wd/?p12&spm_id_frompageDriver&vd_source61654d4a6e8d7941436149dd99026962 或《材料物理性能及其在材料研究中的应用》&#xff08;哈尔滨工业大学出版社&#xff09; 文…

维护表和索引分区

1. ALTER FRAGMENT 语句 如果想更改分片策略&#xff0c;可以使用ALTER FRAGMENT语句。 初始化新的片段模式 ALTER FRAGMENT …INIT 增加额外片段 ALTER FRAGMENT …ADD 删除一个片段 ALTER FRAGMENT …DROP 修改片段表达式或 dbspace ALTER FRAGMENT …MODIFY 将表合并至一张…

音频---数字mic

一、常见的数字mic pdm麦通过codec芯片将数字麦转换为i2s信号输入到SOC 纯pdm麦就是直接进入SOC的pdm接口&#xff0c;走的是PDM信号&#xff0c;PDM信号就是两个线&#xff0c;一根数据线一根时钟线&#xff08;如顺芯ES7201/7202把MIC信号转换成PDM&#xff09;。 二、DMIC…

Chrome将网页保存为PDF的实战教程

大家好,我是爱编程的喵喵。双985硕士毕业,现担任全栈工程师一职,热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的…

半导体行业芯片加工机台数据采集,如何同时保证效率和准确性?

半导体行业的重要性不言而喻&#xff0c;随着互联网时代技术的不断更新和演进&#xff0c;芯片的应用更加广泛&#xff0c;新能源、信息通讯设备、4C产业、智能电网等领域均需要芯片的支撑。而芯片的制造涉及多个关键步骤&#xff0c;包括晶圆制备、氧化、光刻、刻蚀、薄膜沉积…

Vue3(四):组件通信详解(九种方法)

主要有九种方法&#xff0c;以下是详细解释及使用方法&#xff1a; 1.props props实现父子间的通信&#xff0c;是使用频率最高的。 &#xff08;1&#xff09;父传子&#xff1a;属性值是非函数。 以Father.vue和Child.vue 为例。 父组件中&#xff0c;引入子组件并给子组…

【Leetcode每日一题】 递归 - 二叉树的所有路径(难度⭐)(59)

1. 题目解析 题目链接&#xff1a;257. 二叉树的所有路径 这个问题的理解其实相当简单&#xff0c;只需看一下示例&#xff0c;基本就能明白其含义了。 2.算法原理 针对二叉树路径的求解问题&#xff0c;我们可以采用深度优先遍历&#xff08;DFS&#xff09;的策略来寻找所…

4.16 java项目小结1

java项目登录界面实现了服务端与客户端的连接&#xff0c;实现了客户端传递输入的账号和密码&#xff0c;服务端从数据库查询&#xff0c;并反馈给客户端。 学习了正则表达式 正则表达式的作用 作用一:校验字符串是否满足规则 作用二:在一段文本中查找满足要求的内容 目前我…

Python 包围盒裁剪卫星场景

下载 Landsat 场景 我们首先下载陆地卫星场景。您可以使用EarthExplorer门户来执行此操作。 数据下载后,您应该有一个下图所示的文件夹。这些是Landsat 2 级科学产品的所有可用文件。我们将处理突出显示的文件。这些是 3 个可见光波段和SR_stac文件。 加载图像和 stac 文件 …

PHP一句话木马

一句话木马 PHP 的一句话木马是一种用于 Web 应用程序漏洞利用的代码片段。它通常是一小段 PHP 代码&#xff0c;能够在目标服务器上执行任意命令。一句话木马的工作原理是利用 Web 应用程序中的安全漏洞&#xff0c;将恶意代码注入到服务器端的 PHP 脚本中。一旦执行&#xf…