码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 【微信小程序】分包


    分包

        • 分包的基础概念
            • 1、什么是分包
            • 2、分包的好处
            • 3、分包后项目的构成
            • 4、分包的加载规则
            • 5、分包的体积限制
        • 分包的基本用法
            • 1、配置方法
            • 2、打包原则
        • 独立分包
            • 1、什么是独立分包
            • 2、独立分包和普通分包的区别
            • 3、独立分包的应用场景
            • 4、独立分包的配置方法
            • 5、引用原则

    分包的基础概念

    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"
          ]
        }
      ],
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    2、打包原则
    • 小程序会按subpackages的配置进行分包subpackages 之外的目录将被打包到主包中

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

    • tabBar 页面必须在主包内

    • 分包之间不能互相嵌套

    独立分包

    1、什么是独立分包

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

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

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

    • 普通分包必须依赖于主包才能运行
    • 独立分包可以在不下载主包的情况下,独立运行
    3、独立分包的应用场景

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

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

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

    4、独立分包的配置方法

    在这里插入图片描述

    5、引用原则

    独立分包和普通分包以及主包之间,是相互隔绝的,不能相互引用彼此的资源,例如:
    💥主包无法引用独立分包内的私有资源
    💥💥独立分包之间,不能相互引用私有资源
    💥💥💥独立分包和普通分包之间,不能相互引用私有资源
    💥💥💥💥💥特别注意:独立分包中不能引用主包内的公共资源

  • 相关阅读:
    使用JavaScript 实现最简单最基本的轮播图样式
    【三维】NeRF神经辐射场构建三维模型
    深入理解强化学习——多臂赌博机:非平稳问题
    go通过pprof定位groutine泄漏
    【嵌入式 – GD32开发实战指南(ARM版本)】第2部分 外设篇 - 第3章 温度传感器DS18B20
    北方直播卖货搞钱“第一城“,竟然是临沂,200万人发家快手电商
    【可能史上最全汇总】vue项目中【H5】如何处理后端返回的支付宝form表单,如何实现支付跳转?
    Pytest系列-使用自定义标记mark(6)
    Editor.md-编辑器
    SpringBoot项目之间相互引用
  • 原文地址:https://blog.csdn.net/m0_61016904/article/details/134220545
  • 最新文章
  • 沪漂五周年了:我越来越迷茫了
    Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
    MySQL-Seconds_behind_master的精度误差
    [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
    AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
    Agent OS :五种驯服不确定性的范式
    PortSwigger SQL注入LAB11
    数据库即时编译JIT
    [Begin]AI Learn Data Day 0
    深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号