Wie kann ich isomorphic-style-loader konfigurieren, um ein Knotenmodul zu laden?

Question

Ich versuche, das react-draft-wysiwyg-Modul zu verwenden, aber die importierten Stile, die dem Modul zugeordnet sind, werden nicht verwendet. Ich denke, das liegt daran, dass das importierte CSS in einen Hash geladen wird, während die Klassenattribute der Elemente im Modul nicht sind.

Wenn das der Fall, kann ich entweder:

• die Klassen Konvertieren in reagieren-draft-wysıwyg Klassennamen Hashes oder
• Haben Sie den Stil loader die reagieren-draft-wysıwyg CSS-Datei ignorieren ?

Einige der Dinge, die ich versucht habe, sind:

• import draftcss from 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css'; ... export default withStyles(s, draftcss)(Layout);

• Im Haupt CSS-Datei importiert: @import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';

• importieren reagieren-draft-wysiwyg.css aus der index.js-Datei der übergeordneten Route

Answer 1

Es gibt eine issue raised in Github about this problem.

Die einzige dort genannte Lösung bestand darin, den gesamten css-Inhalt des Plugins in eine lokale .css-Datei zu kopieren und in die Haupt-CSS-Datei zu importieren.

Sie können diese CSS Inhalt des Plugins in node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css