Подключение css в Drupal 8

Опубликовано 2016.09.09

В файлах module_name.libraries.yml css подключается немного сложнее, чем js. Пример:
  1. map_render:
  2. js:
  3. js/infobox.js: {}
  4. js/markerclusterer.js: {}
  5. js/map_render.js: {}
  6. css:
  7. base:
  8. css/map_base.css: {}
  9. layout:
  10. css/map_layout.css: {}
  11. component:
  12. css/map_component.css: {}
  13. state:
  14. css/map_state.css: {}
  15. theme:
  16. css/map_theme.css: {}
Конкретно в этом случае все css подключатся в порядке добавления, одна происходит это за счёт веса их родительского раздела. Веса следующие:
  • base CSS_BASE = -200
  • layout CSS_LAYOUT = -100
  • component CSS_COMPONENT = 0;
  • state CSS_STATE = 100
  • theme CSS_THEME = 200
Соответственно стили с меньшим весом грузятся раньше, а с большим, позже. Если не уверены в выборе веса - используйте theme.