1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Подключение js в тему Друпал 8

Главные вкладки

Аватар пользователя HardHardy HardHardy 21 сентября 2018 в 12:55

Всем првиет! Подскажите мне пожалуйста как подключить js в тему друпала 8-го мой либрарис.ямл выглядит так

global-styling:
  version: VERSION "1.0.x"
  css:
    base:
      css/my.css: {}
  js:
    js/my.js: {}
  dependencies:
    - core/jquery
    - core/jquery.once

ксс работает, js не работает... Чо я не так делаю?

Лучший ответ

Аватар пользователя HardHardy HardHardy 6 ноября 2018 в 12:06
1

Напишу для таких же как я Smile
Я элементарно не мог понять, что за объявление вначале global-styling: Smile
Это название библиотеки которую в свою очередь мы подключаем в моятема.info.yml
у меня было несколько js-ок и я их просто разделил по разным библиотекам в моятема.libraries.yml
Вот так:

global-styling:
  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

Так, заработало. Smile

Комментарии

Аватар пользователя HardHardy HardHardy 6 ноября 2018 в 12:06
1

Напишу для таких же как я Smile
Я элементарно не мог понять, что за объявление вначале global-styling: Smile
Это название библиотеки которую в свою очередь мы подключаем в моятема.info.yml
у меня было несколько js-ок и я их просто разделил по разным библиотекам в моятема.libraries.yml
Вот так:

global-styling:
  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

Так, заработало. Smile