将 JS 文件合并到一个 Adob​​e 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）包含中。这是按类别完成的。

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

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

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