Подключение скрипта или стилей «по-месту», на мой взгляд, не плохая практика, т.к. соответствующие файлы не будут подключаться, если в них нет необходимости.
От вас потребуется объявить нужный скрипт и/или стили как библиотеку. Это можно сделать в теме или модуле, используя файл THEME-OR-MODULE-NAME.libraries.yml.
Пример объявления:
|
|
feature-scroll: js: assets/components/body/feature_scroll/js/feature-scroll.js: {} css: theme: assets/components/body/feature_scroll/css/feature-scroll.css: {} dependencies: - core/jquery |
Пути указываются относительно корня вашего модуля.
А дальше вы можете уже в шаблоне подключить библиотеку по её имени, которое формируется из названия темы/модуля + имя самой библиотеки.
В twig файле:
|
|
{{ attach_library('MY-THEME-NAME/feature-scroll') }} |
Drupal 9/10
Данная запись опубликована в 05.11.2023 22:45 и размещена в рубрике Drupal.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Август 2, 2023 г.
Использую Drupal Commerce, и в меню у меня есть пункт "Корзина", со ссылкой на корзину пользователя. Хочется, чтобы стиль пункта меню менялся, если корзина не пуста.
Я буду использовать hook_preprocess_menu темы, чтобы изменить нужный пункт меню ...
Читать
Май 21, 2023 г.
При импорте изображений возникает задача транслитерации. Картинки, например, могут содержать буквы национальной кодировки (кириллицы) и/или иметь несовместимые с файловой системой сервера символы.
Drupal (начиная с 8.2) объявляет специальный интерфейс, ...
Читать
Февраль 17, 2024 г.
Вы создали форму с полем типа file, и хотите сохранять файл как сущность друпала при отправке данных формы.
[crayon-694389cfc7c31546063916/]
Обычно объявления форм в Drupal 8+ размещаются в виде расширений класса FormBase в каталоге модуля /scr/Form/*. ...
Читать
Апрель 3, 2024 г.
Ранее подход, который я опишу, использовался для nodequeue, сейчас с заменой плагина фунционалом entityqueue, тоже самое можно применить и для него.
Проблема:
Создано представление (view), где источник данных - элементы datasource Search API. ...
Читать