Uniapp小程序通过分包加载轻松解决超过2M限制,还能提高打开速度

微信小程序限制了代码包单包不能超过2M,总包大小不能超过20M,我们在开发系统的时候,如果没有注意这点,当项目越来越复杂的时候,就会发现编译的时候报错,或者编译的时候一直通不过微信开发者工具,速度非常慢,甚至有时候会直接导致开发者工具崩溃。

对此,微信给我们提供了解决方案,就是允许采用分包加载的方式来处理包大小的问题,但是大家要注意,分包时一定要把tabBar页面放到主包里面,不能放到分包,要不然程序会报错。我们可以将独立的模块作为分包处理,比如买家模块(pages/my)、卖家模块(pages/seller)、订单模块(pages/order)、社区团购模块(pages/community)、拼团模块(pages/teambuy)等,每个模块下面包含该模块下的所有页面,这样有时候会给我们带来很大的方便,比如我们的卖家模块(pages/seller),如果我们需要开发卖家端独立版小程序,直接编译打包该模块及相关依赖,就可以生成单独的小程序,而不需要对代码进行太多的修改。

ShopWind电商系统
实现分包加载,只需要配置pages.json文件即可,分包加载后,第一次打开小程序,微信首先加载主包代码,当点击分包页面时,才会加载分包代码,大大提高了小程序打开速度。

{
  "pages": [{
    "path": "pages/index/index",
    "style": {
      "navigationBarTitleText": "ShopWind多商户",
      "navigationBarBackgroundColor": "#fc2b34",
      "navigationBarTextStyle": "white"
    }
  }],
  "subPackages": [{
    "root": "pages/seller",`在这里插入代码片`
    "pages": [{
      "path": "index/index",
      "style": {
        "navigationBarTitleText": "商家中心",
        "navigationBarTextStyle": "white"
      }
   }]
 }]
}

小程序演示
在这里插入图片描述

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值