uniapp分包和预加载

855 阅读1分钟

我是以四个tabbar来分的,分别是:首页-shouye、二手-ershou、经验-jingyan、我的-wode

1、这四个页面是tabbar.vue页面,全部放在pages.json的pages数组对象下面,官网有格式。

2、并且创建四个同名目录,

image.png

3.pages实现

 
"subPackages": [{
        "root": "shouye",
        "pages": [{
                "path": "fbhq/fbhq"
        }]
}, {
        "root": "ershou",
        "pages": [{
                "path": "essp/essp"
        }]
}, {
        "root": "jingyan",
        "pages": [{
                        "path": "wdxx/wdxx"
                }
        ]

}, {
        "root": "wode",
        "pages": [{
                        "path": "wdjs1/wdjs1"
                },
{
                        "path": "wdjs2/wdjs2"
                }	
        ]
}],

预加载:

"preloadRule": {
    "pages/shouye/shouye": {
            "network": "all",
            "packages": ["shouye"]
    },
    "pages/ershou/ershou": {
            "network": "all",
            "packages": ["ershou"]
    },
    "pages/jingyan/jingyan": {
            "network": "all",
            "packages": ["jingyan"]
    },
    "pages/wode/wode": {
            "network": "all",
            "packages": ["wode"]
    }
},

pages/shouye/shouye 意思为你进入此tabbar页面就进行预加载,这写四个大tabbar名字就行。

network是需要如何加载,是wifi还是all。我选的all,因为不可能只用wifi加载。

packages是你要加载的主页面,里面就写一个,就写和pages同级的四个分包目录,其实就是四个大tabbar名字。意思为一旦进入到四大tabbar,立马加载当前呆的tabbar下,所有的子页面,我试了一下,感觉快了一点点。白屏时间减少一点点。

来源链接:blog.csdn.net/weixin_4412…