Quelle est l'approche standard pour ajouter et gérer des fichiers de feuilles de style (CSS) dans Drupal 8 avec des bibliothèques?

Question

Lors du développement de modules ou de thèmes pour Drupal, il arrive inévitablement un moment où nous devrons inclure un plugin CSS ou une bibliothèque externe pour notre projet.

Drupal gestion des actifs est un peu complexe et confus me faire, je l'ai lu
Adding stylesheets (CSS) and JavaScript (JS) to a Drupal 8 theme et
Adding stylesheets (CSS) and JavaScript (JS) to a Drupal 8 module,
mais il n'explique pas clairement et il y a une question à ce sujet encore.

Comment sont traitées ces bibliothèques et feuilles de style ajoutées à une page Web? sont-ils ajoutés dans l'ordre de la catégorie SMACSS (base, mise en page, composant, état, thème)?
Par exemple, considérons la structure suivante:
ThemeName.libraries.yml

library-A: 
    css: 
    # The SMACSS category. 
    base: 
     # The path to the css file. 
     assets/css/stylesheets-1.css: {} 
    theme: 
     assets/css/stylesheets-2.css: {} 

library-B: 
    css: 
    base: 
     # The path to the css file. 
     assets/css/stylesheets-3.css: {} 
    theme: 
     assets/css/stylesheets-4.css {} 

Dans la bibliothèque-A ou B (Chaque seule): comment je dois définir la catégorie? D'abord devrait venir Theme puis base ou inverser? Qu'est-ce qu'un critère?

Entièrement bibliothèque-A et B: sorcière d'entre eux Chargez d'abord? bibliothèque-A ou B? qu'est-ce qui est correct?

Answer 1

pour 1: plus d'informations here, le thème écrasera fondamentalement la base bien que les poids soient inversés; maintenant est une ligne directrice pas un Bérulle donc cela dépend vraiment de ce que vous écrivez

pour 2: cela dépend vraiment où et comment vous les chargez,

ex pour charger les bibliothèques qu'il ordre inversé:

• dans le thème

  bibliothèques:

  • 'mythème/bibliothèque-B' // remplacer balle avec "-"
  • 'mythème/bibliothèque-A' // remplacer par balle "-"

• dans le modèle

  {{attach_library ('mythème/bibliothèque B')}} {{attach_library ('mythème/bibliothèque-A')}}

• dans le module

  types $ [ 'élément'] [ '# jointe'] [ 'bibliothèque'] [] = « mythème/bibliothèque -B '; $ types ['element'] ['# attached'] ['library'] [] = 'mythème/bibliothèque-A';