Heim > Web-Frontend > Front-End-Fragen und Antworten > Was soll ich tun, wenn die Einführung von CSS in React keine Wirkung hat?

Was soll ich tun, wenn die Einführung von CSS in React keine Wirkung hat?

藏色散人
Freigeben: 2023-01-04 16:47:09
Original
3011 Leute haben es durchsucht

Die Einführung von CSS durch React hat keine Auswirkungen, da die Modularisierung standardmäßig nicht aktiviert ist, wenn Webpack den Loader der Datei „css/less“ konfiguriert. Um diese Modularisierungsmethode einzuführen, müssen Sie die Loader-Konfiguration von Webpack ändern und die Inhalt zu „modules:true“.

Was soll ich tun, wenn die Einführung von CSS in React keine Wirkung hat?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 18.0.0, Dell G3-Computer.

Was soll ich tun, wenn die Einführung von CSS in React keine Wirkung zeigt?

react Die modulare Einführung externer CSS-Dateien wird nicht wirksam, wenn Sie externe CSS/less-Dateien direkt importieren => import „./search.less“;

Verwenden Sie className direkt, wenn Sie es verwenden Das ist es, wie unten gezeigt:

Aber wenn Sie diese Methode verwenden, um =》import Styles from „./search.less“;Was soll ich tun, wenn die Einführung von CSS in React keine Wirkung hat?

einzuführen, werden Sie feststellen, dass der Stil nicht wirksam wird, wie unten gezeigt :

Der Grund: Ja, wenn Webpack den Loader von CSS/less-Dateien konfiguriert, ist die Modularisierung standardmäßig nicht aktiviert. Die Einführung dieses modularen Ansatzes erfordert eine Änderung der Loader-Konfiguration von Webpack, wie unten gezeigt: Was soll ich tun, wenn die Einführung von CSS in React keine Wirkung hat?

Empfohlenes Lernen: „Was soll ich tun, wenn die Einführung von CSS in React keine Wirkung hat?Video-Tutorial reagieren

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn die Einführung von CSS in React keine Wirkung hat?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage