Was ist die Verwendung von React-Hot-Loader?

„react-hot-loader“ wird verwendet, um die geänderten Teile beim Schreiben von Code automatisch zu aktualisieren; „hot-loader“ aktualisiert die Webseite nicht, sondern ersetzt die geänderten Teile. Sie können „npm install --save“ verwenden - Dev React-Hot-Loader-Installation.

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

Was nützt der React-Hot-Loader?

Was macht der Hot-Loader? Ein Zitat von der offiziellen Website lautet:

Um es einfach auszudrücken: Wenn Sie React zum Schreiben von Code verwenden, können die geänderten Teile automatisch aktualisiert werden.

Dies unterscheidet sich jedoch von der automatischen Aktualisierung der Webseite, da der Hotloader die Webseite nicht aktualisiert, sondern nur die von Ihnen geänderten Teile ersetzt.

Installation

Der erste Schritt besteht darin, React-Hot-Loader zu installieren Konfiguration

Webpack-Dev-Server konfigurieren

Wenn Sie React-Hot-Loader verwenden, müssen Sie zuerst den Webpack-Dev-Server öffnen.

Erstellen Sie eine neue server.js im Stammverzeichnis

npm install --save-dev react-hot-loader

Verwenden Sie

Führen Sie zuerst server.js aus (natürlich können Sie es in package.json konfigurieren und npm start zum Ausführen verwenden)

node server.js

Dann verwenden Sie Webpack wie gewohnt

npm install --save-dev webpack-dev-server

Empfohlenes Lernen: „

Video-Tutorial reagieren

“

Das obige ist der detaillierte Inhalt vonWas ist die Verwendung von React-Hot-Loader?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!