1.首先配置分包
// pages.json
// 配置分包
"subPackages": [
{
"name": "reserve",
"root": "package_reserve", // 分包根路径
"pages": [
{
"path": "reserve/index",
"style": {
"navigationBarTitleText": "",
"navigationStyle": "custom"
}
}
]
},
...
],
// 分包预加载
"preloadRule": {
// 需要预加载分包的页面
"pages/index/index": {
"network": "all", // 网络类型,all表示所有网络下预加载
"packages": ["package_reserve"] // 需要预加载的分包
}
}
2.使用静态资源
// package_reserve --> reserve --> index.vue
<view class="img">
// 分包下使用静态资源,前面加上在pages.json内配置的根路径即可
<img src="/package_reserve/static/imgs/reserve.png">
</view>