小程序主包引分包页面代码
时间: 2023-11-06 22:04:34 浏览: 39
在小程序主包的 app.json 文件中,可以通过 usingComponents 字段引入分包页面的自定义组件,例如:
```json
{
"pages": [
"pages/index/index",
"pages/logs/logs"
],
"usingComponents": {
"my-component": "/pages/subPackage1/components/my-component"
},
"subPackages": [
{
"root": "pages/subPackage1/",
"pages": [
"pages/subPackage1/index/index",
"pages/subPackage1/detail/detail"
],
"independent": true,
"usingComponents": {
"my-sub-component": "/pages/subPackage1/components/my-sub-component"
}
}
],
"window": {
"navigationBarTitleText": "Demo"
}
}
```
在上面的示例中,我们在主包的 app.json 文件中引入了分包页面 pages/subPackage1/index 和 pages/subPackage1/detail 中的自定义组件 my-sub-component。在分包页面的自定义组件中,可以通过相对路径引用主包页面的自定义组件。例如,在 pages/subPackage1/components/my-sub-component 中可以这样引用主包页面的自定义组件 my-component:
```json
{
"usingComponents": {
"my-component": "/pages/subPackage1/components/my-component"
}
}
```