小程序分包功能

最新推荐文章于 2025-07-17 03:56:37 发布

原创最新推荐文章于 2025-07-17 03:56:37 发布 · 1.7w 阅读

10 ·

CC 4.0 BY-SA版权

分包其实很简单,一开始我把他想的很复杂,导致我浪费了半天时间......

其实分包实质上就是目录结构改变下,然后app.json的配置改变下,

tabbar页面单独放一个包,结构如下

{
  "pages": [                         //pages不能没有(如果报错请把注释删掉)
    "page/tabBar/index/index",
    "page/tabBar/warehouse/index",
    "page/tabBar/mycenter/index"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "分包演示",
    "navigationBarTextStyle": "black"
  },
  "tabBar": {
    "color": "#2e2e2e",
    "selectedColor": "#db4b29",
    "backgroundColor": "#FFFFFF",
    "borderStyle": "#D0D1D3",
    "fontSize": "22rpx",
    "list": [
      {
        "pagePath": "page/tabBar/xxx/xxx",
        "text": "首页",
        "iconPath": "./res/home.png",
        "selectedIconPath": "./res/a_home.png"
      },
      {
        "pagePath": "page/tabBar/xxx/xxx",
        "text": "茶仓",
        "iconPath": "./res/cy.png",
        "selectedIconPath": "./res/a_cy.png"
      },
      {
        "pagePath": "page/tabBar/xxx/xxx",
        "text": "我的",
        "iconPath": "./res/my.png",
        "selectedIconPath": "./res/a_my.png"
      }
    ]
  },
  "subPackages": [
    {
      "root": "page/teaindex/",
      "pages": [
        "pages/xxx/xxx"
      ]
    },
    {
      "root": "page/warehouse/",
      "pages": [
        "pages/xxx/xxx",
      ]
    },
    {
      "root": "page/center/",
      "pages": [
        "pages/xxx/xxx" 
      ]
    }
  ]
}