文章目录

一、分包 - 基础概念

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

# 微信小程序 # 小程序
Logo
开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

cover

Flutter&OpenHarmony下拉刷新与加载更多

avatar 开源鸿蒙跨平台开发者社区

公有 GitHub 仓库实现Flutter + Android 应用升级通知功能

本文档详细说明了如何通过 GitHub Pages 和 `update.json` 文件来实现应用的 **版本检测** 和 **升级通知** 功能。该功能适用于 **Flutter** 和 **Android** 应用，支持动态检查新版本并提示用户进行更新。

avatar 开源鸿蒙跨平台开发者社区
cover

Flutter&OpenHarmony商城App图片预览组件开发

avatar 开源鸿蒙跨平台开发者社区