Heim > Artikel > Web-Frontend > 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 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 konfigurierenWenn Sie React-Hot-Loader verwenden, müssen Sie zuerst den Webpack-Dev-Server öffnen.
Erstellen Sie eine neue server.js im Stammverzeichnisnpm 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 gewohntnpm install --save-dev webpack-dev-serverEmpfohlenes 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!