Ich versuche, Dinge wie font-awesome und foundation mit React- und CSS-Modulen zu verwenden, aber ich kann nicht herausfinden, wie man sie in mein Projekt importiert richtig.
Beachten Sie, dass ich HotModuleReplacementPlugin und ExtractTextPlugin verwende, um eine einzelne CSS-Datei zu erhalten.
Irgendwo in der CSS-Datei der Top-Level-Komponente würde ich gerne @import 'font-awesome'; machen können, aber wie kann ich das tun, damit die Datei so behandelt wird, wie sie ist und die Klassen nicht lokalisiert werden? zu font_awesome__fa-check und so?
Das ist meine Webpack-Konfiguration:
%Vor%Danke.
Sie könnten die Einschluss- / Ausschlussoption bei der Konfiguration von Ladeprogrammen verwenden.
z. vorausgesetzt, dass alle Ihre benutzerdefinierten CSS irgendwo im Verzeichnis /app/ sind, während Fundament und font-awesome nicht sind.
Eine andere Option besteht darin, für die Dateien, die die CSS-Modul-Syntax verwenden, eine andere Erweiterung zu verwenden. Sie könnten .mcss verwenden.
Tags und Links css webpack css-modules