微信小程序分包：普通分包 + 独立分包_小程序分包后的话文件引用路径不就乱了吗

最新推荐文章于 2024-07-24 10:27:10 发布

2401_85015477

最新推荐文章于 2024-07-24 10:27:10 发布

阅读量907

点赞数 22

分类专栏： 2024年程序员学习文章标签：物联网嵌入式硬件面试

本文链接：https://blog.csdn.net/2401_85015477/article/details/138935940

版权

2024年程序员学习专栏收录该内容

16 篇文章 0 订阅

订阅专栏

收集整理了一份《2024年最新物联网嵌入式全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升的朋友。

如果你需要这些资料，可以戳这里获取

需要这些体系化资料的朋友，可以加我V获取：vip1024c （备注嵌入式）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

体积限制：(目前)
- 整体小程序所有分包大小不超过16M（主包 + 所有分包）
- 单个分包 / 主包不能超过 2M

使用分包：

1). 配置方法：app.json 文件中：（在 subPackages 节点中声明分包结构）

/* 
    1.分包：需要几个分包就填写几个{}对象   
        * root：分包的根目录 
        * pages：当前页面下，所有页面的相对路径
        * name：分包别名
        * independent：是否为独立分包

    2.如何查看分包体积：(编译器右上角) 详情 -- 基本信息 -- 本地代码（展开就可看到）
*/ 
    "subPackages": [{       // 通过 subPackages 节点，声明分包结构
        "root": "package1", // 第一个分包的根目录  相对于根目录 package1 进行存放的
        "name": "pack1",    // 分包别名  
        "pages": [          //当前分包下，所有页面的相对存放路径（会自动生成对应页面 -- 与上面的pages相同）
            "pages/index/index" 
        ]
    }, {
        "root": "package2",
        "name": "pack2",
        "independent": true, //将package2，设置为独立分包
        "pages": [
            "pages/index/index"
        ]
    }],

2). 打包原则：
- 小程序会按照subPackages的配置进行分包，subPackages之外的目录将被打包到主包中
- 主包也可以有自己的pages（即最外层的pages字段）
- tabBar页面必须在主包内
- 分包之间不能互相嵌套
3). 引用原则：
- 主包无法引用分包内的私有资源
- 分包之间不能互相引用私有资源
- 分包可以引用主包内的公共资源

独立分包

什么是独立分包：
- 本质上也是分包，只不过它比较特殊，可以独立于主包和其他分包而单独运行
与普通分包区别：
- 最主要区别：是否依赖于主包才能运行
- 普通分包：必须依赖于主包才能运行
- 独立分包可以再不下载主包的情况下，独立运行
应用场景：
- 可以按需将某些，具有一定功能独立性的页面配置到独立分包中，原因如下：
  - 当小程序从普通分包页面启动时，需要先下载主包
  - 独立分包不依赖主包即可运行，可以很大程度上提升分包页面的启动速度
配置方法：
- 在 subPackages中，设置independent: true（如上图所示👆🏻）
引用原则：
- 独立分包、普通分包、主包之间是相互隔绝的，不能互相引用彼此的资源
- 主包无法引用独立分包内的私有资源
- 独立分包之间，不能互相引用私有资源
- 独立分包和普通分包之间，不能互相引用私有资源
- 特别注意：独立分包中不能引用主包内的公共资源，而普通分包可以

分包预下载

什么是分包预下载：
- 在进入小程序的某个页面时，由框架自动预下载可能需要的分包，从而提升进入后续分包页面时的启动速度

配置方法：

预下载分包行为，会再进入指定页面时触发。在app.json中，使用 preloadRule 定义分包预下载规则

/*
分包预下载规则：
    * network：在指定网络模式下进行预下载(默认wifi)。
        * all 不限网络  
        * wifi  仅wifi模式下进行预下载
        
    * packages：需要预下载哪些分包
        *可以通过name / root 指定预下载哪些分包
*/
"preloadRule": {

收集整理了一份《2024年最新物联网嵌入式全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升的朋友。