uniapp和小程式如何分包？以下這篇文章帶大家詳細了解一下uniapp和小程式的分包步驟，希望對大家有幫助！
每個使用分包小程式必定含有一個主包。所謂的主包，即放置預設啟動頁面/TabBar 頁面，以及一些所有分包都需用到公共資源/JS 腳本；而分包則是根據開發者的配置進行劃分。
在小程式啟動時，預設會下載主包並啟動主包內頁面，當使用者進入分包內某個頁面時，客戶端會把對應分包下載下來，下載完成後再進行展示
目前小程式分包大小有以下限制：
整個小程式所有分包大小不超過20M 單一分包/主包大小不能超過 2M 對小程式進行分包，可以優化小程式首次啟動的下載時間，以及在多團隊共同開發時可以更好的解耦協作。
這裡直接點擊去看官方的分包教學容易理解：
https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic. html
App預設為整包。相容於小程式的分包配置。其目的不用於下載提速，而用於首頁是vue時的啟動提速。 【相關推薦：《uniapp教學》】
分包步驟：
1.設定manifest.json
"mp-weixin": {
"optimization":{"subPackages":true}
}#優化分包：
在對應平台的設定(manifest .json)下新增"optimization":{"subPackages":true}開啟分包優化
目前只支援mp-weixin、mp-qq、mp-baidu的分包優化
2.設定pages .json
在pages.json中新建陣列"subPackages"，陣列中包含兩個參數：1.root：為子套件的根目錄，2.pages：子套件由哪些頁面組成，參數同pages；
注意：主套件和分包是不能再同一目錄下，在建構uniapp專案時，可以考慮目錄結構，以便後期進行分包；
#3.分包預載配置（preloadRule）
#做這一步主要為了優化速度，不想優化速度的可以跳過這個配置
配置preloadRule後，進入小程式某個頁面時，由框架自動預先下載可能需要的分包，提升進入後續分包頁面時的啟動速度
preloadRule 中，key 是頁面路徑，value 是進入此頁面的預先下載配置，每個配置有以下幾項：
| #欄位 | 類型 | #必填 | 預設值 | 說明 |
|---|---|---|---|---|
| #packages | StringArray | 是 | 無 | 進入頁面後預下載分包的 root 或 name。 __APP__ 表示主包。 |
| network | String | 否 | #wifi | #在指定網路下預先下載，可選值為：all（不限網路）、wifi（僅限wifi已預先下載） |
app的分包，同樣支援preloadRule，但網路規則無效。
可查看官方設定項:
https://uniapp.dcloud.io/collocation/pages?id=subpackages
本文轉載自：https://juejin.cn/post/7003138257798037512
更多程式相關知識，請造訪：程式設計入門！ ！
以上是詳細了解uniapp和小程式中的分包步驟的詳細內容。更多資訊請關注PHP中文網其他相關文章！
