uniApp开发推荐使用分包机制

在开发uniApp应用的时候，大家可能会遇到文件过大，导致小程序调试不了。

所以推荐大家一开始就使用分包模式来开发应用，分包模式可以更好的团队开发。

在分包策略中，一些常用的模块放在主包中，比如用户模块。

以下引用官方例子

uniApp目录结构

┌─pages               
│  ├─index
│  │  └─index.vue    
│  └─login
│     └─login.vue    
├─pagesA   
│  └─list
│     └─list.vue 
├─pagesB    
│  └─detail
│     └─detail.vue  
├─static             
├─main.js       
├─App.vue          
├─manifest.json  
└─pages.json

pages.json 配置

{
    "pages": [{
        "path": "pages/index/index",
        "style": { ...}
    }, {
        "path": "pages/login/login",
        "style": { ...}
    }],
    "subPackages": [{
        "root": "pagesA",
        "pages": [{
            "path": "list/list",
            "style": { ...}
        }]
    }, {
        "root": "pagesB",
        "pages": [{
            "path": "detail/detail",
            "style": { ...}
        }]
    }],
    "preloadRule": {
        "pagesA/list/list": {
            "network": "all",
            "packages": ["__APP__"]
        },
        "pagesB/detail/detail": {
            "network": "all",
            "packages": ["pagesA"]
        }
    }}

在分包中我们推荐在首页中显示的模块使用分包预加载，这样可以提高用户体验。

更多内容请看uniApp开发笔记