Объедините файлы 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 категория include объединяет и сжимает все файлы в один файл 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

Это позволяет создавать категории для встраивания и ссылаться на них гораздо более понятным способом.