Laya---淘宝小程序

Posted 格拉格拉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Laya---淘宝小程序相关的知识,希望对你有一定的参考价值。

目录

一.分包加载

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

以上是关于Laya---淘宝小程序的主要内容,如果未能解决你的问题,请参考以下文章

Laya---淘宝小程序---实名认证与防沉迷

Laya---淘宝小程序---实名认证与防沉迷

仿淘宝商品浏览界面, 向上拉查看详情

laya3d启动失败

Android--仿淘宝商品详情(继续拖动查看详情)及标题栏渐变

转::iOS 仿淘宝,上拉进入详情页面