0
点赞
收藏
分享

微信扫一扫

STP和MTP(第二十二课)

芷兮离离 2023-07-27 阅读 62

一、分包-基础概念

1.1、什么是分包

1.2、分包的好处

1.3、分包前项目的构成

1.4、分包后项目的构成

1.5、分包的加载规则

1.6、分包的体积限制

二、分包-使用分包

2.1、配置方法

小程序的目录结构
app.js  app.json  app.wxss  pages(主包的所有页面)  packageA(第一个分包)        packageA(第二个分包)  utils
                              index  logs           pages(分包的所有页面)      pages
                                                   cat  dog                 apple  banana
在app.json的subpackages节点中声明分包的结构
{
    "pages":[   // 主包的所有页面
        "pages/index",
        "pages/logs"
    ],
    "subpackages":[ // 通过subpackages节点,声明分包的结构
        {
            "root":"packageA",  // 第一个分包的根目录
            "pages":[   // 当前分包下,所有页面的相对存放路径
                "pages/cat",
                "pages/dog"
            ]
        },{
            "root":"packageB",  // 第二个分包的根目录
            "name":"pack2", // 分包的别名
            "pages":[   // 当前分包下,所有页面的相对存放路径
                "pages/apple",
                "pages/banana"
            ]
        },
    ]
}

2.2、打包原则

2.3、引用原则

三、分包-独立分包

3.1、什么是独立分包

3.2、独立分包和普通分包的区别

3.3、独立分包的应用场景

3.4、独立分包的配置方法

小程序的目录结构
app.js  app.json  app.wxss  pages(主包的所有页面)  moduleA(普通分包)  muduleB(独立分包)  urils
                                index  logs         pages           pages
                                                rabbit  squirrel  pear  pineapple
通过independent声明独立分包
{
    "pages":[
        "pages/index",
        "pages/logs"
    ],
    "subpackages":[
        {
            "root":"moduleA",   // moduleA为普通分包
            "pages":[
                "pages/rabbit",
                "pages/squirrel"
            ]
        },{
            "root":"moduleB",
            "pages":[
                "pages/pear",
                "pages/pineapple"
            ],
            "independent":true  // 通过此节点,声明当前moduleB分包为”独立分包“
        }
    ]
}

3.5、引用原则

四、分包-分包预下载

4.1、什么是分包预下载

4.2、配置分包的预下载

预下载分包的行为,会在进入指定的页面时触发,在app.json中,使用preloadRule节点定义分包的预下载
规则,示例代码如下:
{
    "preloadRule":{ // 分包预下载的规则
        "pages/contact/contact":{   // 触发分包预下载的页面路径
            // network表示在指定的网络模式下进行预下载
            // 可选值为:all(不限网络)和wifi(仅wifi模式下进行预下载)
            // 默认值为:wifi
            "network":"all",
            // packages表示进入页面后,预下载哪些分包
            // 可以通过root和name指定预下载哪些分包
            "packages":["pkgA"]
        }
    }
}

4.3、分包预下载的限制

举报

相关推荐

0 条评论