支付宝小程序分包

今天小程序开发完毕了,需要进行测试。在这里小编为大家讲解下上传时候极容易遇见的问题

包的大小

官方文档明确说明,主包大小不许超过2M 所有分包大小不许超过4M

然后我的小程序2.05M 完美超过了一丢丢。

于是分包方案的实施,让问题迎刃而解。
先简单说下分包的时候,非常简单,就是目录结构及设计到的路径的修改。

主要修改文件app.json
先给一个小白自己的app.json的demo

{
  "pages": [
    "pages/entrance/entrance",
    "pages/tabBar/home/home",
    "pages/tabBar/xxx/xxx",
    "pages/tabBar/mine/mine"
  ],
  
  "window": {
    "defaultTitle": "大鱼供应链"
  },
  "tabBar": {
    "textColor": "#CCCED8",
    "selectedColor": "#4582F0",
    "items": [
      {
        "pagePath": "pages/tabBar/home/home",
        "name": "首页",
        "icon": "images/home_n.png",
        "activeIcon": "images/home_h.png"
      },
      {
        "pagePath": "pages/tabBar/xxx/xxx",
        "name": "xxx",
        "icon": "images/xxx_n.png",
        "activeIcon": "images/xxx_h.png"
      },
      {
        "pagePath": "pages/tabBar/mine/mine",
        "name": "我的",
        "icon": "images/mine_n.png",
        "activeIcon": "images/mine_h.png"
      }
    ]
  },
  "subPackages": [
    {
      "root": "packageLogin",
      "pages": [
        "pages/login/login",
        "pages/findPwd/findPwd"
      ]
    },
    {
      "root": "packageMine",
      "pages": [
        "pages/mine-service/mine-service",
        "pages/modify-pwd/modify-pwd"
      ]
    }
  ]
}

这里小白把涉及到公司业务的代码删除掉了,看着简单的分包格式也是可以的。

subPackages这个是关键,设置好分包目录的root 以及分包中的pages
这里贴下小白的结构就一目了然了
支付宝小程序分包_第1张图片

支付宝小程序分包_第2张图片

结合路径对照着照片,明白了吗????

**

接下来小白还要说的很重要的一点,小白很不幸遇到了怎么分包了主包已经那么大,难道我分包不起作用么,然而并不是,主要占用内存的就是图片,小白就去挨个查看了图片。oh my god! 竟然有个图片超大1.6M 主包最大限制2M 一个图片占我1.6M 小白还玩什么。果断找UI换图,这都什么鬼。。。 所以小白建议,如果包大小超过限制,一定要检查下图片是否过大!!!!!

**
如果对你有用,请点赞和关注走起来,谢谢

你可能感兴趣的:(mini-program)