1. 程式人生 > 實用技巧 >微信小程式常規分包

微信小程式常規分包

小程式的容量大小是2MB一但超過就會提示不能上傳或真機,這時候通過分包可以解決,分包一般放的是tabBar主頁下面的跳轉頁面

分包構檢視

├── app.js
├── app.json
├── app.wxss
├── packageA
│   └── pages
│       ├── cat
│       └── dog
├── packageB
│   └── pages
│       ├── apple
│       └── banana
├── pages
│   ├── index
│   └── logs
└── utils

pages是主包優先載入,packageA,packageB是分包需要使用時才會載入

如圖所示在pages同層級新建資料夾

在分包下分別再新建一個資料夾,叫pages,裡面放要分開的頁面資料夾

在app.json裡進行配置

{
  "pages":[ //主包
    "pages/index",
    "pages/logs"
  ],
  "subpackages": [  //分包
    {
      "root": "songPackage", //分包根的目錄
      "pages": [
        "pages/recommendSong/index", 
        "pages/songDetail/index" //分包頁面路徑,相對與分包根目錄
      ]
    }, {
      
"root": "otherPackage", //分包根的目錄 "pages": [ "pages/other/index" //分包頁面路徑,相對與分包根目錄 ] } ] }

注,分包後引入其它東西的路徑

開啟詳情,後可以檢視分包情況