小程序使用分包的示例代碼

本文介紹了小程序使用分包的示例代碼，分享給大家，具體如下：

官方文檔：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html

某些情況下，開發(fā)者需要將小程序劃分成不同的子包，在構(gòu)建時打包成不同的分包，用戶在使用時按需進行加載。

總結(jié)就是小程序內(nèi)所有代碼圖片資源大小超過2M,此時就可以考慮創(chuàng)建分包，擴大小程序容量

目前小程序分包大小有以下限制：

• 整個小程序所有分包大小不超過 12M
• 單個分包/主包大小不能超過 2M

在小程序啟動時，默認會下載主包并啟動主包內(nèi)頁面，當(dāng)用戶進入分包內(nèi)某個頁面時，客戶端會把對應(yīng)分包下載下來，下載完成后再進行展示。

注意：TabBar所對應(yīng)的頁面和一些公共的方法和資源必須放在主包，在主包頁面調(diào)用分包的組件或者方法都是不頂用的

使用分包

開發(fā)者通過在 app.jsonsubpackages字段聲明項目分包結(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無法 requirepackageBJS 文件，但可以 requireapp、自己 package 內(nèi)的 JS 文件
• packageA無法 importpackageB的 template，但可以 requireapp、自己 package 內(nèi)的 template
• packageA無法使用packageB的資源，但可以使用app、自己 package 內(nèi)的資源

總結(jié)：分包之間的資源和代碼不能相互引用，且主包不能調(diào)用分包的資源

分包預(yù)下載

開發(fā)者可以通過配置，在進入小程序某個頁面時，由框架自動預(yù)下載可能需要的分包，提升進入后續(xù)分包頁面時的啟動速度。對于獨立分包，也可以預(yù)下載主包。

分包預(yù)下載目前只支持通過配置方式使用，暫不支持通過調(diào)用API完成

preloadRule的 key是頁面路徑，全路徑

獨立分包

獨立分包是小程序中一種特殊類型的分包，可以獨立于主包和其他分包運行。從獨立分包中頁面進入小程序時，不需要下載主包。當(dāng)用戶進入普通分包或主包內(nèi)頁面時，主包才會被下載。

開發(fā)者可以按需將某些具有一定功能獨立性的頁面配置到獨立分包中。當(dāng)小程序從普通的分包頁面啟動時，需要首先下載主包；而獨立分包不依賴主包即可運行，可以很大程度上提升分包頁面的啟動速度。

一個小程序中可以有多個獨立分包。

官方文檔在這兒：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/independent.html

目前還沒用過獨立分包。對于到底在什么情境下運用還不是很清楚

到此這篇關(guān)于小程序使用分包的示例代碼的文章就介紹到這了,更多相關(guān)小程序使用分包內(nèi)容請搜索億速云以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持億速云！