这里做了什么。这个语法在 sightly 中意味着什么？

Question

I am reading the docs about calling clientlibs in sightly。我没有得到以下语法

<sly data-sly-use.clientlib="/libs/granite/sightly/templates/clientlib.html"
     data-sly-call="${clientlib.all @ categories='clientlib1,clientlib2'}"/>

为什么我们在这里使用类别？它与 clientlibs 有什么关系？

Answer 1

让我们分解一下：

<sly> - 是一个什么都不做的漂亮标签 :) 所以当你不想使用 HTML 标签时，你可以使用 <sly> 作为占位符。

data-sly-use.clientlib="/libs/granite/sightly/templates/clientlib.html - 这一行引用了 clientlib.html 文件用 data-sly-template 属性标记的模板。这些模板是可重用的标记片段。将它们视为 htl 中的函数。

data-sly-call - 用于调用上面的模板之一 clientlib.html

clientLib.all - “all”是从 clientlib.html 调用的模板的名称，它是使用 clientLib 关键字引用 (-use.clientLib)

@ categories='clientlib1,clientlib2 - 类别用于识别用于 AEM 中客户端代码的 cq:clientLibraryFolder。如果您选中 http://localhost:4502/libs/granite/ui/content/dumplibs.html，它将显示库 clientlib1 和 clientlib2

的位置

所以简而言之，这一行调用了 2 个库（包含 js 和 css），类别为 clientlib1 和 clientlib2，并将它们加载到 page/component

这里做了什么。这个语法在 sightly 中意味着什么？

What is done here. What does this syntax means in sightly?

aem

sightly