Quindi ci sono alcuni pochi post sul blog che introducono moduli CSS. Ad esempio:
Questi ci mostrano la sintassi e cosa fanno e come usarlo.
Ma in realtà quali sono i moduli CSS?
I moduli CSS si basano sulla capacità di elaborazione nativa di CSS e JavaScript dei browser web. Pertanto non è necessario installare nulla di nuovo; un sito web potrebbe usarli e non si potrebbe mai notare.
Come mostra l'esempio, contrassegnare le pagine Web in questo modo porta alla fine in semplici semplici dichiarazioni HTML e CSS elaborate dal browser. E come menziona il tutorial, questo è non uno standard di qualsiasi tipo ancora, è solo un modo particolare di usare il potere (praticamente illimitato) che include un linguaggio di programmazione completo nel browser.
Il motivo per cui le persone li hanno introdotti è che permette loro di introdurre la nozione di scope nella denominazione delle dichiarazioni CSS. Le classi CSS normalmente condividono solo un enorme spazio dei nomi globale; consentire l'identificazione localizzata facilita la composizione di app web di grandi dimensioni da componenti più piccoli.
È una soluzione alternativa basata su j per la mancanza di scope nei CSS.
Il bundler / framework assegna le classi univoche generate automaticamente agli script css e quindi le inserisce dinamicamente nella posizione appropriata nell'html come parte del processo di compilazione.
È essenzialmente l'automazione della convenzione di denominazione BEM.
Leggi altre domande sui tag css css-modules