本文介紹了小程序使用分包的示例代碼,分享給大家,具體如下:
我們提供的服務(wù)有:成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、豐都ssl等。為成百上千企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的豐都網(wǎng)站制作公司
官方文檔:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html
某些情況下,開(kāi)發(fā)者需要將小程序劃分成不同的子包,在構(gòu)建時(shí)打包成不同的分包,用戶在使用時(shí)按需進(jìn)行加載。
總結(jié)就是小程序內(nèi)所有代碼圖片資源大小超過(guò)2M,此時(shí)就可以考慮創(chuàng)建分包,擴(kuò)大小程序容量
目前小程序分包大小有以下限制:
在小程序啟動(dòng)時(shí),默認(rèn)會(huì)下載主包并啟動(dòng)主包內(nèi)頁(yè)面,當(dāng)用戶進(jìn)入分包內(nèi)某個(gè)頁(yè)面時(shí),客戶端會(huì)把對(duì)應(yīng)分包下載下來(lái),下載完成后再進(jìn)行展示。
注意:TabBar所對(duì)應(yīng)的頁(yè)面和一些公共的方法和資源必須放在主包,在主包頁(yè)面調(diào)用分包的組件或者方法都是不頂用的
使用分包
開(kāi)發(fā)者通過(guò)在 app.jsonsubpackages
字段聲明項(xiàng)目分包結(jié)構(gòu):
{ "pages": [ "pages/index/index", "pages/logs/logs" ], "subpackages": [ { "root": "packageA", "pages": [ "pages/index/index", "pages/user/user" ] }, { "root": "packageB", "pages": [ "pages/index/index", "pages/mall/mall" ] } ], "preloadRule": { "pages/index/index": { "network": "all", "packages": [ "packageA" ] } }, "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "navigationBarTextStyle": "black" }, "style": "v2", "sitemapLocation": "sitemap.json" }
引用原則
packageA
無(wú)法 requirepackageB
JS 文件,但可以 requireapp
、自己 package 內(nèi)的 JS 文件packageA
無(wú)法 importpackageB
的 template,但可以 requireapp
、自己 package 內(nèi)的 templatepackageA
無(wú)法使用packageB
的資源,但可以使用app
、自己 package 內(nèi)的資源總結(jié):分包之間的資源和代碼不能相互引用,且主包不能調(diào)用分包的資源
分包預(yù)下載
開(kāi)發(fā)者可以通過(guò)配置,在進(jìn)入小程序某個(gè)頁(yè)面時(shí),由框架自動(dòng)預(yù)下載可能需要的分包,提升進(jìn)入后續(xù)分包頁(yè)面時(shí)的啟動(dòng)速度。對(duì)于獨(dú)立分包,也可以預(yù)下載主包。
分包預(yù)下載目前只支持通過(guò)配置方式使用,暫不支持通過(guò)調(diào)用API完成
preloadRule的 key
是頁(yè)面路徑,全路徑
獨(dú)立分包
獨(dú)立分包是小程序中一種特殊類(lèi)型的分包,可以獨(dú)立于主包和其他分包運(yùn)行。從獨(dú)立分包中頁(yè)面進(jìn)入小程序時(shí),不需要下載主包。當(dāng)用戶進(jìn)入普通分包或主包內(nèi)頁(yè)面時(shí),主包才會(huì)被下載。
開(kāi)發(fā)者可以按需將某些具有一定功能獨(dú)立性的頁(yè)面配置到獨(dú)立分包中。當(dāng)小程序從普通的分包頁(yè)面啟動(dòng)時(shí),需要首先下載主包;而獨(dú)立分包不依賴(lài)主包即可運(yùn)行,可以很大程度上提升分包頁(yè)面的啟動(dòng)速度。
一個(gè)小程序中可以有多個(gè)獨(dú)立分包。
官方文檔在這兒:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/independent.html
目前還沒(méi)用過(guò)獨(dú)立分包。對(duì)于到底在什么情境下運(yùn)用還不是很清楚
到此這篇關(guān)于小程序使用分包的示例代碼的文章就介紹到這了,更多相關(guān)小程序使用分包內(nèi)容請(qǐng)搜索創(chuàng)新互聯(lián)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持創(chuàng)新互聯(lián)!