一、小程序分包

每個(gè)使用分包小程序必定含有一個(gè)主包。所謂的主包，即放置默認(rèn)啟動(dòng)頁(yè)面/TabBar 頁(yè)面，以及一些所有分包都需用到公共資源/JS 腳本；而分包則是根據(jù)開發(fā)者的配置進(jìn)行劃分。

在小程序啟動(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)行展示

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

整個(gè)小程序所有分包大小不超過(guò) 20M

單個(gè)分包/主包大小不能超過(guò) 2M

對(duì)小程序進(jìn)行分包，可以優(yōu)化小程序首次啟動(dòng)的下載時(shí)間，以及在多團(tuán)隊(duì)共同開發(fā)時(shí)可以更好的解耦協(xié)作。

這里直接點(diǎn)擊去看官方的分包教程容易理解：

https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html

二、uniapp分包小程序

App默認(rèn)為整包。兼容小程序的分包配置。其目的不用于下載提速，而用于首頁(yè)是vue時(shí)的啟動(dòng)提速。

• components:公共組件（供主包引用）
• page_后跟拼音的都是分包
• 分包里的components是單個(gè)分包自己的組件目錄，分包vue頁(yè)面的引用只能是在自己page_xxxx分包目錄下才可以引用
• pages是主包，里面都是啟動(dòng)頁(yè)面/TabBar 頁(yè)面
• static里放的是公共靜態(tài)資源，圖片類

分包步驟：

1.配置manifest.json

"mp-weixin": {
"optimization":{"subPackages":true}
}

優(yōu)化分包：

在對(duì)應(yīng)平臺(tái)的配置(manifest.json)下添加"optimization":{"subPackages":true}開啟分包優(yōu)化

目前只支持mp-weixin、mp-qq、mp-baidu的分包優(yōu)化

• 靜態(tài)文件：分包下支持 static 等靜態(tài)資源拷貝，即分包目錄內(nèi)放置的靜態(tài)資源不會(huì)被打包到主包中，也不可在主包中使用
• js文件：當(dāng)某個(gè) js 僅被一個(gè)分包引用時(shí)，該 js 會(huì)被打包到該分包內(nèi)，否則仍打到主包（即被主包引用，或被超過(guò) 1 個(gè)分包引用）
• 自定義組件：若某個(gè)自定義組件僅被一個(gè)分包引用時(shí)，且未放入到分包內(nèi)，編譯時(shí)會(huì)輸出提示信息

2.配置pages.json

在pages.json中新建數(shù)組"subPackages"，數(shù)組中包含兩個(gè)參數(shù)：1.root：為子包的根目錄，2.pages：子包由哪些頁(yè)面組成，參數(shù)同pages；

注意：主包和分包是不能再同一目錄下，在構(gòu)建uniapp項(xiàng)目時(shí)，可以考慮一下目錄結(jié)構(gòu)，以便后期進(jìn)行分包；

3.分包預(yù)載配置（preloadRule）

做這一步主要為了優(yōu)化速度，不想優(yōu)化速度的可以跳過(guò)這個(gè)配置

配置preloadRule后，在進(jìn)入小程序某個(gè)頁(yè)面時(shí)，由框架自動(dòng)預(yù)下載可能需要的分包，提升進(jìn)入后續(xù)分包頁(yè)面時(shí)的啟動(dòng)速度

preloadRule 中，key 是頁(yè)面路徑，value 是進(jìn)入此頁(yè)面的預(yù)下載配置，每個(gè)配置有以下幾項(xiàng)：

app的分包，同樣支持preloadRule，但網(wǎng)絡(luò)規(guī)則無(wú)效。

可查看官方配置項(xiàng):

https://uniapp.dcloud.io/collocation/pages?id=subpackages