kgaut.net // Développeur web PHP / Drupal freelance
contactez-moi

Drupal 8 - ajouter du css ou du javascript à un module

Cet article a été écrit il y a plus de quatre ans, son contenu n'est peut-être plus d'actualité.

Voici comment attacher une librairie javascript ou un fichier css à un module custom dans drupal 8.

Dans les extraits de code ci-dessous, le nom machine du module sera « shoutbox ».

Déclaration de la librairie

#shoutbox.libraries.yml

# nom de la librairie
shoutbox :
  js:
    # chemin vers le fichier relatif au module
    js/shoutbox.js: {}
  css:
    theme :
      # chemin vers le fichier relatif au module
      css/administration.css : {}

Voici comment attacher cette librairies dans un bloc, un preprocess de template ou un controller

// suivant l'endroit ooù l'on attache la librairie, cela peut être $build, $variables...
// la partie avant le slash définie le nom du module qui défini la librairie
// la partie après le slash est le nom de la librairie choisie dans le fichier shoutbox.libraries.yml

$variables['#attached']['library'][] = 'shoutbox/shoutbox';

 

Commentaires (1)

Comments