之所以有分包,就是为了让小程序加载速度更快速,体验更好,这也是小程序发展的初衷,那么如何使用小程序的分包呢?

在百度小程序全局 app.json 中定义

首先通过subPackages 进行分包申明

 //subPackages 非必要
    "subPackages": [  //分包加载功能,在构建时打包成不同的分包,用户在使用时按需进行加载,可以提升智能小程序的加载速度,优化用户体验。
        {
            "root": "packageA/pages",  //分包根目录
            "name": "packageOne",  //分包别名
            "pages": [  //分包页面路径,相对于分包根目录(等于root路径下页面路径)
                "pageOne/pageOne",
                "pageTwo/pageTwo"
            ],
            "independent": true  //分包是否是独立分包,如果独立,则完全脱离主包,可直接打开,速度更佳,根据你实际情况而定
        },
        {
            "root": "packageB/pages",
            "name": "packageTwo",  
            "pages": [
                "pages/pageThree/pageThree",
                "pages/pageFour/pageFour"
            ],
            "independent": true
        }
    ],

如果想在速度上继续升华,做完分包之后,也可以再去做下面的事情

分包预下载,同样是在百度小程序 app.json 中申明:

 //preloadRule 非必要
    "preloadRule":  //分包预下载规则,配合subPackages使用,提升进入后续分包页面时的启动速度
    {
       "pages/index": {
            "network": "all",  //在指定网络下预下载,有效值为:all: 不限网络 wifi: 仅wifi下预下载
            "packages": ["subpackage"]  //进入页面后预下载分包的 root。
        },
        "sub1/index": {
            "packages": ["hello", "sub3"]
        },
        "sub3/index": {
            "packages": ["path/to"]
        }

再多说两句,分包在小程序里面是非常重要的一环,可以很好的提升你小程序打开速度,同时也方便管理你的代码。

最后修改:2021 年 05 月 12 日
如果觉得我的文章对你有用,请随意赞赏