将JS文件合并到一个Adobe AEM中

Question

我有以下代码来引入两个不同的类别，但这会输出6个单独的文件，我希望输出只是一个。如何在AEM 6.0中完成？

<clientlib data-sly-call="${clientLib.js @ categories=['cq.foundation-main','cq.shared']}" data-sly-unwrap />

由于

Answer 1

在AEM中，类别包括将所有文件合并并压缩为单个js（或css）包含。这是按类别包括。

如果要合并多个类别，则应考虑在类别依赖项中使用embed选项。这是如何工作的：

1. 创建新类别（例如cq-embed）
2. 为您创建的新类别定义嵌入依赖项（'cq.foundation-main'，'cq.shared'）。
3. 引用您的新类别。

您也可以使用ACS中的此工具来优化包含：

https://adobe-consulting-services.github.io/acs-aem-tools/features/clientlibs-optimizer/index.html

它允许您创建嵌入类别并以更清晰的方式引用它们。