将 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

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