一、分包-基础概念
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、分包预下载的限制