为什么要分包 ?
分包即将小程序代码分成多个部分打包,可以减少小程序的加载时间,提升用户体验
添加分包页面
比较便捷的方法是使用vscode插件 uni-create-view
-
新建分包文件夹
以在我的页面,添加分包的设置页面为例,新建文件夹 src\pagesMember -
在分包文件夹上,添加分包页面
回车后,即完成分包页面的添加
在 src\pages.json 中自动新增了代码
"subPackages": [{"root": "pagesMember","pages": [{"path": "settings/settings","style": {"navigationBarTitleText": "设置"}}]}],
为什么要配置分包预下载 ?
分包预下载配置可以指定在用户打开指定页面时,预下载指定的分包,可提升进入分包页面的速度,提升用户体验
配置分包预下载
src\pages.json
// 配置分包预下载"preloadRule": {"pages/my/my": {"network": "all","packages": ["pagesMember"]}}
含义为:在打开页面 pages/my/my 时,所有网络下都预下载分包 pagesMember