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

Vedu • 2021-08-10 06:19 • 程序开发 • 阅读 798

微信小程序限制了代码包单包不能超过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"
      }
   }]
 }]
}

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/procedure/26777.html

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

相关推荐

发表评论