Как объединить доступные css файлы в css .txt в aem

Question

У нас есть приложение AEM, в котором есть сотни страниц. На большинстве страниц различные css файлы загружаются через отдельный сетевой вызов. Нам нужно оптимизировать это. Я думаю, что если мы сможем: 1. Создать список css файлов на странице как свойство страницы. 2. В нашем коде это свойство страницы читается, и все файлы css, упомянутые в качестве значения свойства, объединяются и отображаются на странице. Аналогично тому, что делается в css .txt файле или свойстве встраивания. Пожалуйста, предложите.

Answer 1

Существует несколько способов уменьшить сетевые вызовы для файлов css в AEM 1) Добавить файлы css на уровне шаблона, чтобы все файлы css загружались один раз.

2 ) Вместо добавления категории клиентских библиотек используйте свойство embed клиентских библиотек. AEM объединит все клиентские библиотеки, представленные в свойстве embed, в одну клиентскую библиотеку, и они будут только сетевым вызовом. Но размер файла css может увеличиться после объединения, и это будет влиять на время загрузки страницы в первый раз.

Но если вам нужно создать файлы css, я предложу вам свойство раскрывающегося списка в вашем диалоговом окне, где отображаются все ваши файлы css, и автор может выбрать css в соответствии с необходимостью. После выбора вы можете применить эти css к html, внимательно читая.

Answer 2

Так что, похоже, вы не хотите или не можете использовать функцию clientlib, которая является функцией AOT OOTB.

Независимо от того, какое решение вы выберете - может быть, фрагмент интерфейса JavaScript, который может решить, какой Потребовались бы файлы CSS, или некоторые логики c, которые собирают CSS, включают во время рендеринга, основанные на компонентах, используемых на странице, или что-то совершенно другое - я настоятельно рекомендовал бы не ставить CSS файлы, которые будут использоваться в обязанности редактора .

Если им нужно установить некоторые дополнительные стили, используйте систему стилей Adobe. Но не злоупотребляйте свойствами страницы для CSS конфигураций файлов.

Я имею в виду, что «сотни страниц» звучат как довольно маленький сайт, но это все равно может значительно увеличить ваши усилия по обслуживанию, когда первые люди начнут пожаловаться на неправильный цвет или размер шрифта ...