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

   日期:2020-05-31     浏览:362    评论:0    
核心提示:步骤1.小程序分包只需要操作根目录的 app.json2.subpackages 开始分包3.preloadRule 配置预加载操作小程序根目录的 app.json2.subpackages 开始分包注意:需要分包的目录 不可以出现在pages里面。重要!1.给app.json添加一个key和window同级: subpackages2.subpackages的key 就是root填写你需要分包的路径这个路径里面有你需要分包的具体内容3.subpackages的pages放的是上面rojson

步骤

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
      ]
    }
  },

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

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服