Scroll
Incluindo CSS e JavaScript
Para incluir CSS (folhas de estilo) e JavaScript em sua biblioteca, você precisa ter um arquivo de biblioteca para sua tema ou módulo.
Um arquivo de biblioteca (.libraries.yml) especifica os arquivos CSS e JS a serem incluídos, bem como as dependências dessa biblioteca.
Exemplo de um arquivo classy.libraries.yml (que está localizado em themes/classy):
global-styling:
version: VERSION
css:
base:
css/base/elements.css: {}
css/base/typography.css: {}
component:
css/components/block.css: {}
css/components/buttons.css: {}
css/components/card.css: {}
js: {}
dependencies:
- core/normalize
jquery.ui.spinner.rename:
version: VERSION
js:
js/jquery.ui.spinner.rename.js: {}A estrutura é descrita no Arquivo de Bibliotecas Drupal 8.
Depois que você ter um arquivo de biblioteca definido, você pode incluir a biblioteca em seus templates ou módulos usando o array de renderização.
Mais informações sobre como adicionar CSS e JS podem ser encontradas aqui: Adicionando CSS (folhas de estilo) e JavaScript (JS) a um módulo Drupal 8.