分包加载是优化小程序加载速度的一种手段。
一、为什么进行分包
小程序限制单个包体积不超过2M;
分包可以优化小程序页面的加载速度。
二、启用/使用分包语法subPackages
subPackages:下载app.json文件中
root:分包所在的目录
pages:分包包含的页面
"subPackages": [
{
"root": "pkg_building",
"pages": [
"detail/detail",
"list/list"
]
},
{
"root": "pkg_repair",
"pages": [
"detail/detail",
"list/list"
]
}
],
注意:tabBar页面不允许分包;
整体包体积不得超过20M。
左侧为未分包时,真机调试报错信息;右侧显示二维码则表示可成功调试。
三、分包预加载 preloadRule
在实际使用分包的过程中,纯粹的按需加载也不是最优的方案,可以将即将访问的页面的包预先下载下来,这样能进一步提升小程序加载的速度,通过 preloadRule
来配置预加载的包:
页面路径作为key属性;
network预加载的网络环境;
packages需要预加载的包。文章来源:https://www.toymoban.com/news/detail-835534.html
"preloadRule": {
"pages/framework/index": {
"network": "all",
"packages": ["pkg_building"]
}
},
文章来源地址https://www.toymoban.com/news/detail-835534.html
到了这里,关于小程序--分包加载的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!