21 сентября 2018 в 12:55
Подключение js в тему Друпал 8
Главные вкладки
21 сентября 2018 в 12:55
Лучший ответ
6 ноября 2018 в 12:06
1
Напишу для таких же как я 
Я элементарно не мог понять, что за объявление вначале global-styling:
Это название библиотеки которую в свою очередь мы подключаем в моятема.info.yml
у меня было несколько js-ок и я их просто разделил по разным библиотекам в моятема.libraries.yml
Вот так:
global-styling:
version: VERSION "1.0.x"
css:
base:
css/my.css: {}
version: VERSION "1.0.x"
css:
base:
css/my.css: {}
js-navtop:
header: true
js:
js/navbar-ontop.js: { minified: true }
dependencies:
- core/jquery
js-animate:
header: true
js:
js/animate-in.js: { minified: true }
dependencies:
- core/jquery
js-footer:
js:
js/smooth-scroll.js: {}
dependencies:
- core/jquery
- core/jquery.once
которые затем подключил в моятема.info.yml, так:
libraries:
- моятема/global-styling
- моятема/js-navtop
- моятема/js-animate
- моятема/js-footer
- моятема/global-styling
- моятема/js-navtop
- моятема/js-animate
- моятема/js-footer
Так, заработало.
Комментарии
https://www.drupal.org/docs/8/theming/adding-stylesheets-css-and-javascr...
+ сбросить кеш + проверить доступность js файла
Напишу для таких же как я
Я элементарно не мог понять, что за объявление вначале global-styling:
Это название библиотеки которую в свою очередь мы подключаем в моятема.info.yml
у меня было несколько js-ок и я их просто разделил по разным библиотекам в моятема.libraries.yml
Вот так:
version: VERSION "1.0.x"
css:
base:
css/my.css: {}
js-navtop:
header: true
js:
js/navbar-ontop.js: { minified: true }
dependencies:
- core/jquery
js-animate:
header: true
js:
js/animate-in.js: { minified: true }
dependencies:
- core/jquery
js-footer:
js:
js/smooth-scroll.js: {}
dependencies:
- core/jquery
- core/jquery.once
которые затем подключил в моятема.info.yml, так:
- моятема/global-styling
- моятема/js-navtop
- моятема/js-animate
- моятема/js-footer
Так, заработало.
Документация с drupal.org первая ссылка в гугле по данному запросу)