uniApp开发推荐一开始就使用分包机制

基础知识 未结 置顶 精帖 0 8
lrjxgl
lrjxgl VIP3 2019年04月02日

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开发笔记

回帖
  • 消灭零回复
 

回贴周榜

本周热议
没有相关数据