微信小程序如何解決預覽超過2M的問題?微信小程序分包加載
在微信小程序開發過程中有個問題讓人很頭疼,就是預覽的項目不能超過2M,我們的項目通常都會超過這個大小限制。那到底怎麼解決呢?其實官方給出瞭解決辦法,分包加載。也就是當你打開小程序的時候會先加載主包,當你需要其他包的時候會再去加載分包。我們上線的時候可以把目錄再恢復成平常那樣。每個包不能超過2M,整個程序不能超過12M。詳細步驟見下:
1、目錄結構應如下
2、開發者通過在 app.json subpackages 字段聲明項目分包結構:
{
"pages":[
"pages/index",
"pages/logs"
],
"subpackages": [
{
"root": "packageA",
"pages": [
"pages/cat",
"pages/dog"
]
}, {
"root": "packageB",
"name": "pack2",
"pages": [
"pages/apple",
"pages/banana"
]
}
]
}
3、subpackages中的參數屬性說明
4、打包原則
- 聲明 subpackages 後,將按 subpackages 配置路徑進行打包,subpackages 配置路徑外的目錄將被打包到 app(主包) 中。
- app(主包)也可以有自己的 pages(即最外層的 pages 字段)
- subpackage 的根目錄不能是另外一個 subpackage 內的子目錄
- tabBar 頁面必須在 app(主包)內
5、引用原則
- packageA 無法 require packageB JS 文件,但可以 require app、自己 package 內的 JS 文件
- packageA 無法 import packageB 的 template,但可以 require app、自己 package 內的 template
- packageA 無法使用 packageB 的資源,但可以使用 app、自己 package 內的資源
Tip:每個使用分包小程序必定含有一個主包。所謂的主包,即放置默認啓動頁面/TabBar 頁面,以及一些所有分包都需用到公共資源/JS 腳本;而分包則是根據開發者的配置進行劃分。