目录结构

在项目目录中创建pagesA,B,C分包。
├── components                # 封装的组件
├── images                    # 使用界面的图片
├── pages
│   ├── index                 # 项目的首页 跳转至相关使用的界面效果
├── pagesA                    # 项目分包A
│   ├── pages 
│   ├── pages ── index        # 项目分包A中的首页
├── pagesB                    # 项目分包B
│   ├── pages 
│   ├── pages ── index        # 项目分包B中的首页
├── pagesC                    # 项目分包C
│   ├── pages 
│   ├── pages ── index        # 项目分包C中的首页

在项目app.json中的配置

{
    "pages": [
        "pages/index/index"
    ],
    "subPackages": [
        {
            "root": "pagesA/pages",
            "pages": [
                "index/index"
            ]
        },
        {
            "root": "pagesB/pages",
            "pages": [
                "index/index"
             ],
        },
        {
            "root": "pagesC/pages",
            "pages": [
                 "index/index"
              ],
        }
    ],
    "preloadRule": {
        "pages/index/index": {
            "network": "all", //这个意思是在指定网络下预下载，可选值为：all: 不限网络 ；wifi: 仅wifi下预下载
            "packages": [
                "pagesA/pages",
                "pagesB/pages",
                "pagesC/pages"
            ]，
        }
    },
    "usingComponents": {
    }
}

这样即可使用分包了 就是这么简单
然后在开发者工具可以查看所占的大小

1555233336(1).jpg

这是我开发中使用到的组件 如果有相关的功能可直接使用哦，喜欢的话start一下
https://github.com/QShengW/MPComponent