Write the Code. Change the World.

8月 11

项目体积比较大,或使用的插件体积比较大,小程序分包就很有必要。

https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html

配置方法

假设支持分包的小程序目录结构如下:

├── app.js
├── app.json
├── app.wxss
├── packageA
│   └── pages
│       ├── cat
│       └── dog
├── packageB
│   └── pages
│       ├── apple
│       └── banana
├── pages
│   ├── index
│   └── logs
└── utils

开发者通过在 app.json subPackages 字段声明项目分包结构:

{
  "pages":[
    "pages/index",
    "pages/logs"
  ],
  "subPackages": [
    {
      "root": "packageA",
      "pages": [
        "pages/cat",
        "pages/dog"
      ],
      "entry": "index.js"
    }, {
      "root": "packageB",
      "name": "pack2",
      "pages": [
        "pages/apple",
        "pages/banana"
      ]
    }
  ]
}

当然,分包文件也可以在根的 pages 目录下,记得定义好 root 就好。root 下的所有页面都是属于分包的。 还有,插件的配置。如果想插件也在分包内使用,必须也配置进去,否则插件会打包在主包里。
如:

{
    ……,
    "subPackages": [
        {
            "root": "packageA",
            "pages": [
                "pages/cat",
                "pages/dog"
            ],
            "plugins": {
                "kivicube": {
                    "version": "2.16.19",
                    "provider": "wx3bbab3920eabccb2"
                }
            }
        }
    ]
}