之所以有分包,就是为了让小程序加载速度更快速,体验更好,这也是小程序发展的初衷,那么如何使用小程序的分包呢?
在百度小程序全局 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"]
}
再多说两句,分包在小程序里面是非常重要的一环,可以很好的提升你小程序打开速度,同时也方便管理你的代码。