Importieren von Kreditor css bei Verwendung von webpack + css Komponenten

8

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.

    
syko 08.11.2015, 18:26
quelle

1 Antwort

10

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.

%Vor%

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.

%Vor%     
lanan 10.11.2015, 19:17
quelle

Tags und Links