本文主要是介绍小程序分包的使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
配置分包
{"pages": ["pages/index/index","pages/logs/logs"],"subpackages": [{// 分包根目录和app.json同级"root": "subpackage1", // 分包1的根目录"pages": ["pages/list/index", // 分包1中的页面1"pages/detail/index" // 分包1中的页面2]},{"root": "subpackage2", // 分包2的根目录"pages": ["pages/page1", // 分包2中的页面1"pages/page2" // 分包2中的页面2]}],"window": {"navigationBarTitleText": "WeChat" // 全局导航栏标题}
}
使用分包页面
分包配置好后,可以通过 wx.navigateTo 或 wx.redirectTo 方法跳转到分包中的页面
wx.navigateTo({url: '/subpackage1/pages/list/index' // 跳转到分包1中的页面1
});
独立分包
独立分包配置允许某个分包独立加载,不依赖主包
{"subpackages": [{"root": "subpackage1", // 独立分包1的根目录"pages": ["pages/page1", // 独立分包1中的页面1"pages/page2" // 独立分包1中的页面2],"independent": true // 设置为独立分包}]
}
预加载分包
{"preloadRule": {"pages/index/index": { // 当用户进入首页时"network": "wifi", // 在Wi-Fi网络下 参数:all/wifi"packages": ["subpackage1"] // 预加载分包1}}
}
这篇关于小程序分包的使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!