一、分包 - 基础概念

1.1. 什么是分包

image.png

1.2. 分包的好处

image.png

1.3. 分包前项目的构成

image.png

1.4. 分包后项目的构成

image.png

1.5. 分包的加载规则

image.png

1.6. 分包的体积限制

image.png

二、如何配置分包

2.1. 配置方法

image.png

2.2. 在 app.json 的 subpackages 节点中声明分包的结构

image.png

{
    "pages": [
        "pages/pickFriend/pickFriend",
        "pages/leftNote/leftNote",
        "pages/pickedNote/pickedNote",
        "pages/index/index"
    ],
    "subPackages": [{
            "root": "packageA",
            "pages": [
                "pages/cat",
                "pages/dog"
            ]
        },
        {
            "root": "packageB",
            "name": "pack2",
            "pages": [
                "pages/apple",
                "pages/bananan"
            ]
        }

    ]
}

app.json保存完毕后，自动生成
可以使用 "name": "pack2",为分包别名

image.png

2.3. 打包原则

image.png

2.4. 引用原则

image.png

三、独立分包

3.1. 什么是独立分包

image.png

3.2. 独立分包和普通分包有什么区别

image.png

3.3. 独立分包的应用场景

image.png

3.4. 独立分包的配置方法

"independent": true // 通过此节点，声明当前分包为“独立分包”

3.5. 引用原则

image.png

四、分包预下载

4.1. 什么是分包预下载

image.png

4.2. 如何配置分包预下载

image.png
image.png

"preloadRule": {
        "pages/pickedNote/pickedNote": {
            "packages": ["packageA"],
            "network": "all"
        }
    },

4.3. 分包预下载的限制

image.png
image.png image.png