Подключить скрипт / библиотеку в шаблоне twig

Подключение скрипта или стилей «по-месту», на мой взгляд, не плохая практика, т.к. соответствующие файлы не будут подключаться, если в них нет необходимости.

От вас потребуется объявить нужный скрипт и/или стили как библиотеку. Это можно сделать в теме или модуле, используя файл THEME-OR-MODULE-NAME.libraries.yml.

Пример объявления:

Пути указываются относительно корня вашего модуля.

А дальше вы можете уже в шаблоне подключить библиотеку по её имени, которое формируется из названия темы/модуля + имя самой библиотеки.

В twig файле:

Мало букафф? Читайте есчо !

Drupal deployment

Май 18, 2023 г.

Шпаргалка по настройке и проведению деплоймента для Drupal (начиная с 8й версии). Деплоймент выполняется с использованием git, drush, composer и configuration management. На сервере должны выполняться команды в следующей последовательности: ...

Читать

Управление размерами autocomplete ui widget в Drupal

Октябрь 25, 2023 г.

Попался мне UI баг, когда autocomplete слой с результатами поиска оказывался больше по ширине, чем input элемент, к которому он был прикреплен. Не ясен был алгоритм, по которому вычислялась ширина слоя. В одних случаях это происходило корректно, ...

Читать

Использование entityqueue для сортировки элементов во view, основанной на Search API datasource

Апрель 3, 2024 г.

Ранее подход, который я опишу, использовался для nodequeue, сейчас с заменой плагина фунционалом entityqueue, тоже самое можно применить и для него. Проблема: Создано представление (view), где источник данных - элементы datasource Search API. ...

Читать

Реализация формы поиска товаров

Май 11, 2023 г.

См. основной материал для введения. Форма в нашем случае не требует отправки/проверки данных, и реализует только два метода - getFormId и buildForm. Хотя форма и не содержит кнопки submit, но все равно будет реагировать на отправку данных, поэтому ...

Читать
 

Комментарии к «Подключить скрипт / библиотеку в шаблоне twig»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: