35. 分包

于2023-09-19 20:52:40发布

1、什么是分包

2、分包的好处

3、分包前后的项目构成

分包前

分包后

tips：主包的资源可以被分包访问，但是分包的资源不能被主包或者其它分包访问

4、分包的加载规则

5、分包的体积限制

tips：第一条23年是20M，而不是16M

6、分包使用流程

在app.json中配置分包，如下：

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "subpackages": [{
    "root": "packageA",
    "pages": [
      "pages/cat/index",
      "pages/dog/index"
    ]
  },{
    "root": "packageB",
    "pages": [
      "pages/apple/index",
      "pages/orange/index"
    ]
  }],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle":"black"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

使用subpackages字段来存放分包信息，格式如下：

subpackages: [{}, {}] // subpackages是数组，数组接收json对象，而json对象就是实际的分包信息

分包信息json对象格式如下：

{
    "root": 'xxx', // 根目录
    "pages": [
        "xxxx", // 分包页面1
        "xxxx"  // 分包页面2
    ]
}

配置好后，ctrl + s 保存，则会自动生成对应的分包。如下图：

7、分包设置别名

别名的用途后面会说

8、查看主包和分包的大小

在微信开发者工具中，点击右上方的详情 - 基本信息可以查看主包和分包的大小