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

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

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

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

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

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

В twig файле:

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

Загрузка файла через форму в Drupal

Май 19, 2023 г.

Посмотрим как получить непосредственный доступ к файлу без загрузки файла в хранилище, при его загрузке в поле типа "file" Form API. Много гайдов посвящено тому как использовать поле managed_file, а для unmanaged случая считается, что разработчик ...

Читать

Получить код оригинального языка сущности в Drupal

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

Сущность возвращает язык в контексте выбранного языка, но иногда нужно получить оригинальный язык node или другой entity. Вот так выглядит запрос в контексте: [crayon-6967a3f06adfa496576067/] А так можно получить код языка оригинальной версии ...

Читать

Подключение внешних файлов библиотек в Drupal *.libraries.yml

Апрель 7, 2024 г.

При объявлении библиотек вы можете подключать не только локальные, но и внешние файлы. Для этого нужно указать тип библиотеки - external. Например: [crayon-6967a3f06b060059395481/] О полном списке допустимых атрибутах читайте в документации.

Читать

Как добавить css классы в attributes (twig, Drupal)

Май 16, 2024 г.

Порою требуется добавить свои классы в переменную attributes на уровне шаблона (в twig). Переменная attributes - это объект Drupal\Core\Template\Attribute. У него есть нужный нам метод - addClass(). Пример использования: [crayon-6967a3f06b293169682352/]

Читать
 

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

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



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