Ich versuche, JavaScript durch die Webpack-Dev-Middleware automatisch neu zu laden (kein Hot-Reload).
Aktueller Code für meinen Express-Server:
%Vor%Alles scheint gut zu laufen, aber wenn ich etwas ändere, wird mein Browser nicht automatisch neu geladen (obwohl webpack neu erstellt wird ...).
Muss ich einen zusätzlichen Eintrag hinzufügen, um den Browser automatisch mit webpack-dev-middleware zu laden?
Es scheint so, als ob webpack-dev-middleware das automatische Nachladen nicht unterstützt. Stattdessen müssen Sie Ihren Express-Server auf einem anderen Port starten und einen Webpack-Dev-Server mit contentBase
zeigt auf Ihren Express-Server (oder verwenden Sie proxy
für mehr Feinkontrolle). (Siehe dieses Problem .)
Eine andere Möglichkeit ist, es umgekehrt zu machen und einen dev-Server programmgesteuert zu starten und ändern Sie den internen Express-Server:
%Vor% @cdauth hat es fast mit seinem zweiten Beispiel geschafft, aber das ist nicht der richtige Weg, den internen Server zu modifizieren. Der richtige Weg ist, eine setup
-Funktion in Ihrem webpack-dev-server config:
Das ist viel einfacher als der Versuch, gleichzeitig den Server und den Webpack-Dev-Server zu starten. Sie können Ihre ursprüngliche Konfiguration mit plain Express beibehalten und diese als Einstiegspunkt für Tests und Produktion verwenden, aber den obigen Code in eine neue Datei einfügen (zB devServer.js
) und diese für die Entwicklung verwenden.
Tags und Links webpack