微信小程序,Eror代碼包大小爲12497kb,上限爲 2048 kb,請刪除文件後重試?微信小程序分包加載

微信小程序如何解決預覽超過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 腳本;而分包則是根據開發者的配置進行劃分。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章