目錄結(jié)構(gòu)

在項(xiàng)目目錄中創(chuàng)建pagesA,B,C分包。
├── components                # 封裝的組件
├── images                    # 使用界面的圖片
├── pages
│   ├── index                 # 項(xiàng)目的首頁 跳轉(zhuǎn)至相關(guān)使用的界面效果
├── pagesA                    # 項(xiàng)目分包A
│   ├── pages 
│   ├── pages ── index        # 項(xiàng)目分包A中的首頁
├── pagesB                    # 項(xiàng)目分包B
│   ├── pages 
│   ├── pages ── index        # 項(xiàng)目分包B中的首頁
├── pagesC                    # 項(xiàng)目分包C
│   ├── pages 
│   ├── pages ── index        # 項(xiàng)目分包C中的首頁

在項(xiàng)目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", //這個意思是在指定網(wǎng)絡(luò)下預(yù)下載，可選值為：all: 不限網(wǎng)絡(luò) ；wifi: 僅wifi下預(yù)下載
            "packages": [
                "pagesA/pages",
                "pagesB/pages",
                "pagesC/pages"
            ]，
        }
    },
    "usingComponents": {
    }
}

這樣即可使用分包了 就是這么簡單
然后在開發(fā)者工具可以查看所占的大小

1555233336(1).jpg

這是我開發(fā)中使用到的組件 如果有相關(guān)的功能可直接使用哦，喜歡的話start一下
https://github.com/QShengW/MPComponent