Laya---淘宝小程序
Posted 格拉格拉
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Laya---淘宝小程序相关的知识,希望对你有一定的参考价值。
目录
一.分包加载
1.页面分包
目录如下:
├── app.acss
├── app.js
├── app.json
├── packageA
│ └── pages
│ ├── page1
│ └── page2
├── packageB
│ └── pages
│ ├── page3
│ └── page4
└── pages
├── common
└── index
开发者在 app.json
中声明小程序的分包结构:
"subPackages": [
"root": "packageA",
"pages": [
"pages/page1",
"pages/page2"
]
,
"root": "packageB",
"pages": [
"pages/page3",
"pages/page4"
]
]
subPackages
字段的配置说明如下:
字段
类型
说明
root
String
分包根目录
pages
StringArray
分包页面路径
2.资源分包
目录如下:
├── app.acss
├── app.js
├── app.json
├── packageA
│ ├── xxx1.png
│ └── xxx2.png
├── packageB
│ ├── yyy1.png
│ └── yyy2.png
└── pages
├── common
└── index
开发者在 app.json
中声明小程序的分包结构:
"subPackages": [
"root": "packageA" // 资源路径根目录
,
"root": "packageB"
],
"subPackageBuildType": "shared" //必须
3.在 mini.project.json
文件中声明:
"enableEnhancedBuild": true, // 必须
"include":["packageA/**","packageB/**"] //必须
4.调用
my.loadSubPackage(
name: 'packageA',
success: (res) =>
this.setData(
subpackageReady:true
)
console.log("download success")
,
fail: function (res)
console.log(res)
console.log("download fail")
)
5.分包构建
完成上述分包配置后,需要在IDE -> 「详情」 勾选 「预览、调试时使用云构建」,否则分包无效。
6. 打包与引用原则
- 开发者配置
subPackages
后,服务端将按subPackages
配置的路径进行打包,subPackages
配置路径外的目录将被默认打包到主包中。 - 启动页面和 tabBar 的所有页面都必须放在主包中。
- 每个分包的根目录不能是另外一个分包内的子目录。
- 分包之间不能相互引用对方包中的资源(比如图片和 js 脚本等),分包可以引用主包和自己包内的资源。
- 分包和主包是分别独立打包的,同一个js模块会在主包和分包中分别存在。
7. 分包大小限制
- 整个小程序所有分包大小不超过 20MB。
- 单个分包或主包大小不能超过 2MB。
以上是关于Laya---淘宝小程序的主要内容,如果未能解决你的问题,请参考以下文章