Ich lerne React und ich benutze es mit create-react-app, die mir erlaubt, Text in einer Datei mit dem Namen App.js zu bearbeiten und als ich alle Änderungen in dieser Datei speichern, die Webseite mit der Adresse http://localhost:3000/ im Browser automatisch aktualisiert ohne neu zu laden. Normalerweise muss ich beim Erstellen von html/plain js-Dateien die Seite neu laden. Wie aktualisiert es sich dynamisch?Wie funktioniert das Warmladen?
Antwort
gibt es ein Konzept von Hot Reloading. Die Idee hinter dem Warmladen ist es, die App laufen zu lassen und neue Versionen der Dateien, die Sie zur Laufzeit bearbeitet haben, zu injizieren. Es nutzt HMR und ohne die Seite neu zu laden, ersetzt die geänderten Komponenten und behält den Status bei. Das bedeutet, dass Ihre Änderung in ungefähr einer halben Sekunde sichtbar sein wird; Wenn es sich um einen Dialog handelt, müssen Sie ihn nicht erneut öffnen, Ihre Texteingaben bleiben gefüllt usw. Kurz gesagt, es ist ein enormer Gewinn für die iterative Entwicklung, bei der Sie viel weniger Zeit darauf warten, dass Ihre App neu geladen wird. Weitere Informationen finden Sie unter here
Der CLI, den Sie verwenden, verwendet Webpack, um dies zu erreichen. Webpack ist ein Modul-Bundler, der aus all Ihren js/ts/jsx/tsx-Dateien eine Bundle-Datei erstellt, die Sie in Ihre index.html-Datei einbetten. Um ein Live-Reload zu erreichen, verwendet webpack webpack-dev-server (ein kleiner node.js-Express-Server)). Sie können Ihr Webpack so konfigurieren, dass es nach Änderungen an Ihrer Datei Ausschau hält, und Webpack aktualisiert Ihre Bundle-Datei, wenn sich Ihr Code ändert. Sie können mehr darüber erfahren, wie es funktioniert here. Alle Konfigurationen für webpack sind in webpack.config file.You geschrieben mehr über webpak lernen können here .Sie können auch diese folgen link
Dies ist eigentlich kein eigenständiges Ding.
Dies geschieht, weil reagieren Webpack Dev-Server verwenden, die Paket neu laden, wenn Sie Änderungen vornehmen.
Als ob Sie dasselbe tun möchten, müssen Sie einen lokalen Server einrichten und immer auf demselben Server bearbeiten. browserSync ist auch eine Option, aber Sie müssen nodejs verwenden dann
- 1. Wie soll das Warmladen in einem nativen System funktionieren?
- 2. ListView rendert nur nach dem Warmladen
- 3. Fehler beim Warmladen mit babel, webpack und sass
- 4. $ parser.unshift ?? wie funktioniert das?
- 5. Wie funktioniert das Webpack?
- 6. Wie funktioniert das ServicePointManager.SecurityProtocol?
- 7. Pascal - wie funktioniert das?
- 8. Wie funktioniert das Codebeispiel?
- 9. Wie funktioniert das ZFTool?
- 10. Wie funktioniert das?
- 11. Wie funktioniert das audioParam.exponentialRampToValueAtTime?
- 12. Wie funktioniert das Coverage.so?
- 13. Wie funktioniert das Listenverständnis?
- 14. Wie funktioniert das?
- 15. Wie funktioniert das Ganze?
- 16. Wie funktioniert das DLSym?
- 17. Wie funktioniert das Kombinieren?
- 18. Operatorüberladung =, * =. Wie funktioniert das?
- 19. Vue.js/webpack: Wie lösche ich alte Bundle-Hauptdateien - * .js, wenn sie beim Warmladen neu geladen werden?
- 20. Wie funktioniert das Keyword params?
- 21. Wie funktioniert das Web-Routing?
- 22. Wie funktioniert das # in Swift?
- 23. Wie funktioniert das apt-plugin?
- 24. Wie funktioniert das #! Shebang Arbeit?
- 25. Wie funktioniert das foistware-Paket?
- 26. Wie funktioniert das d3.scaleBand?
- 27. Wie funktioniert das .doc-Format?
- 28. Wie funktioniert das CSS-Inhaltsattribut?
- 29. Wie funktioniert das in Scheme?
- 30. Wie funktioniert das Commit Signing?
webapp erstellt eine Socket-Verbindung und wartet auf Dateiänderungen (überprüfen Sie die Browser-Konsole). Bei jeder Änderung der Entropie lädt es sich neu auf. – marmeladze
Wenn Sie den lokalen Server auf Ihrem Computer ausführen, verwendet er IP '127.0.0.1', auch bekannt als' local loopback'. Normalerweise hat diese IP eine Zuordnung zu 'localhost' in der Host-Datei. Wenn Sie nun Ihren Server ausführen, geben Sie einen Port an, auf dem er sich anhören soll. Daher lautet Ihre URL "http: // localhost: 3000". – Rajesh
Mögliche Duplikate: https://superuser.com/questions/321734/how- does-localhost-127-0-0-1-arbeiten – Rajesh