uniapp微信小程序分包配置

  • 以下为目录结构,标红的配置为分包


    分包
  • pages.json中配置:
{
      "pages":[
        // ...
      ],
      "subPackages": [
        {
            "root": "pages_one",
            "pages": [{
                    "path": "read_data_one/index"
                }
            ]
        },
        {
            "root": "pages_two",
            "pages": [
                {
                    "path": "read_data_two/index"
                }
            ]
        },
        {
          "root": "pages_three",
          "pages": [
                 {
                     "path": "read_data_three/index"
                 }
          ]     
        }
    ],
}
  • manifest.json中配置
{
// ....
/* 小程序特有相关 */
    "mp-weixin": {
         // 其他配置
        "optimization" : {
            "subPackages" : true   // 开启分包功能
        },
        "subPackages": [
            {
                "root": "pages_one", // 意思为分包目录,这里位于根路径下
                "pages": [
                    "read_data_one/index"    // 需要加载的页面
                ]
            },
            {
                "root": "pages_two", // 意思为分包目录,这里位于根路径下
                "pages": [
                    "read_data_two/index" // 需要加载的页面
                ]
            },
            {
                "root": "pages_three", // 意思为分包目录,这里位于根路径下
                "pages": [
                    "read_data_three/index" // 需要加载的页面
                ]
            }
        ],
        "preloadRule": { // 预加载配置
            "pages/index/index": {   // 1. 代表进入哪个页面时
                "network": "all",
                "packages": ["pages_one"] // 2. 需要加载以上哪个分包
            },
            "pages_one/read_data_one/index": {
                "network": "all",
                "packages": ["pages_two"]
            },
            "pages_two/read_data_two/index": {
                "network": "all",
                "packages": ["pages_three"]
            }
        }
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容