web-dev-qa-db-de.com

Create-React-App: Was ist der beste Weg, um CSS aus dem node_module-Verzeichnis einzufügen

Ich versuche, CSS in mein Create-React-App-Projekt aufzunehmen. Das CSS stammt aus einem NPM-Paket eines Drittanbieters und befindet sich daher im Verzeichnis node_modules.

Ich habe versucht: import '/node_modules/packagename/css/styles.css';

Aber ich bekomme den Fehler:

Modul nicht gefunden: Sie haben versucht, /node_modules/packagename/css/styles.css zu importieren, das außerhalb des Projektverzeichnisses src/liegt. Relative Importe außerhalb von src/werden nicht unterstützt. Sie können es entweder in src/verschieben oder einen symbolischen Link aus dem node_modules/des Projekts hinzufügen.

Ich würde es vorziehen, das CSS nicht in src/zu verschieben, damit es über NPM aktualisiert werden kann. Ich könnte symlink machen, aber da ich unter Windows entwickle und mich für Linux bereitstelle, ist dies nicht ideal.

Wie kann ich CSS am besten einbinden?

14
Sean Bannister

Suchen Sie den Pfad der CSS-Datei

beispiel: ./node_modules/packagename/dist/css/styles.css

Import über den Pfad, der zu node_modules gehört (alles nach node_modules/)

import 'packagename/dist/css/styles.css'
2
Afzal Hossain

relative Pfade sind von node_modules nicht erforderlich und sollten nicht die empfohlene Methode zum Einschließen von css sein

alles, was Sie tun müssen, ist das vorherige Slash- und node_modules-Verzeichnis wie das Importieren eines js-Pakets aus Knotenmodulen:

import 'package/css/style-to-import.css'

25
Sampson Crowley