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

步骤

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

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

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

2.subpackages 开始分包

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

1.给app.json添加一个key和window同级: subpackages
2.subpackages的key 就是root填写你需要分包的路径这个路径里面有你需要分包的具体内容
3.subpackages的pages放的是上面root的具体页面内容
即下图
微信小程序2M限制 分包实战,预加载 看这篇文章就够了!_第2张图片
下面是我真实分包的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
      ]
    }
  },

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

你可能感兴趣的:(小程序)