Laya---淘宝小程序

Posted 2022-10-27 格拉格拉

目录

一.分包加载

1.页面分包

2.资源分包

3.在 mini.project.json 文件中声明：

4.调用

5.分包构建

6. 打包与引用原则

7. 分包大小限制

---

一.分包加载

官方文档

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。