分包的流程
當(dāng)微信小程序主包大小超過(guò)2M時(shí),則需要對(duì)微信小程序進(jìn)行分包,方法如下:
1. 轉(zhuǎn)移頁(yè)面文件
- 在項(xiàng)目根目錄下,新建文件夾
package1
(即自定義的分包名為package1
) - 文件夾
package1
內(nèi)新建文件夾pages
- 將需要放入分包的頁(yè)面文件,轉(zhuǎn)移到
/package1/pages
文件夾中
2. 添加分包頁(yè)面路徑
- 刪除已轉(zhuǎn)移到分包的頁(yè)面在
app.json
中的頁(yè)面路徑 - 在
app.json
中新增分包頁(yè)面路徑
"subPackages": [
{
"root": "package1",
"pages": [
"pages/account/index",
"pages/account/statistics/index"
]
}
],
3. 同步修改分包頁(yè)面的跳轉(zhuǎn)路徑
路由上需加上分包名!
wx.navigateTo({
url: '/package1/pages/account/statistics/index',
success: function (res) {}
})
分包的注意事項(xiàng)
- 整個(gè)小程序所有分包體積不能大于16M(主包+分包)
- 單個(gè)分包/主包大小不能超過(guò)2M
- tabBar頁(yè)面需要放到主包中
- 主包無(wú)法引用分包的私有資源
- 分包之間不能相互引用私有資源
- 分包可以引用主包內(nèi)的公共資源
分包預(yù)下載
在指定頁(yè)面自動(dòng)預(yù)下載可能需要的分包,從而提升后序分包頁(yè)面的啟動(dòng)速度。文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-533484.html
在 app.json
中添加配置文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-533484.html
"preloadRule": {
"pages/index/index": {
"network": "wifi",
"packages": [
"package1"
]
}
},
- 當(dāng)打開(kāi)小程序首頁(yè)時(shí),若用戶連上了wifi,則會(huì)自動(dòng)下載分包 package1,而不是等到打開(kāi)分包頁(yè)面時(shí)才開(kāi)始下載分包。
到了這里,關(guān)于【微信小程序-原生開(kāi)發(fā)】實(shí)用教程21 - 分包的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!