微信小程序2M限制 分包实战,预加载 看这篇文章就够了!

步骤

1.小程序分包只需要操作根目录的 app.json
2.subpackages 开始分包
3.preloadRule 配置预加载

操作小程序根目录的 app.json

在这里插入图片描述

2.subpackages 开始分包

注意:需要分包的目录 不可以出现在pages里面。重要!

1.给app.json添加一个key和window同级: subpackages
2.subpackages的key 就是root填写你需要分包的路径这个路径里面有你需要分包的具体内容
3.subpackages的pages放的是上面root的具体页面内容
即下图
在这里插入图片描述
下面是我真实分包的subpackages配置

 "subpackages":[
    {
      "root":"pages/HomeChild",//这个是你需要分包的根目录
      "pages":[
        "cainiao/main",
        "cainiao/chatlist/main",
        "dingwei/main",
        "search/main",
        "message/main",
        "rankList/main",
        "rankInfo/main",
        "news/newsList/main",
        "news/newsInfo/main",
        "renzheng/main",
        "renzheng/daili/main",
        "orenzheng/main"
      ]
    }
  ],
3.preloadRule 配置预加载

1.给app.json添加一个key(preloadRule)和window同级:
2.preloadRule的key填写"pages/home/main",大致意思是在用户进入home页面后开始下载homeChild里面的包,也就是subpackages里面配置好的!

3.packages里面填写上面subpackages的root就是需要预下载的文件

"preloadRule":{
    "pages/home/main": {
      "network": "all",
      "packages": [
        "pages/HomeChild"//这个填写subpackages的root
      ]
    }
  },

如果做到上面配置那么
恭喜你成功了!
如果你的配置还是没有成功,可以留言下方,我这原始配置文件发给你参照,或者给你提供技术支持!

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

托马斯的冰淇淋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值