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

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

Your blog provided us with valuable information to work with. Each & every tip of your post is awesome. Thanks a lot for sharing. Keep blogging,

Ajouter un commentaire

Ne sera pas publié
CAPTCHA
Désolé, pour ça, mais c'est le seul moyen pour éviter le spam...