uniapp小程序分包机制

本文主要是介绍uniapp小程序分包机制，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "uni-app",
        "navigationBarBackgroundColor": "#c7edcc"
      }
    }
  ],

  "subPackages": [
    {
      "root": "packageA",
      "pages": [
        {
          "path": "index/index"
        }
      ]
    }
  ],
  "globalStyle": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "uni-app",
    "navigationBarBackgroundColor": "#F8F8F8",
    "backgroundColor": "#F8F8F8"
  }
}

说明:
subPackages: 分包字段名, 打包的时候回识别该字段名, 并且把该包下的一个对象里面的页面所需要的东西, 打包进一个分包
root: 当前分包所在的根目录名称, 例如, 不分包的前提下, 根目录是 pages, 也就相当于 我 在 packageA ( 和 pages 同级 ) 下创建了一个index文件夹. 然后下面有个 index 的页面

小程序的分包个数上限, 微信和支付宝支持的各不相同, 具体情况, 以实际开发为主

注意:

如果小程序有 tab 标签页, 那么tab 标签页一定是在主包中, 分包可以import require 主包中的东西, 但是 反过来就不行, 且不同分包之间是完全隔离的, 也就说明, 不同分包之间不能有任何关联

这篇关于uniapp小程序分包机制的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！