bundle.js-Datei ausgegeben und webpack-dev-Server

Question

ich diese Ausgangskonfiguration in meiner webpack.config Datei haben:

config = { 
      ... 
      output: { 
       path: path.resolve(__dirname, 'dist'), 
       filename: 'bundle.js', 
       publicPath: 'http://localhost:8090/' 
      }, 
... } 

Die bundle.js ist nicht auf den Pfad geschrieben in path angegeben; Es ist nur über den Webserver verfügbar, während ich beide möchte.

Was sollte ich ändern, um sowohl die Datei als auch den Webserver zu haben?

Answer 1

Wenn Sie webpack-dev-server ausführen, bündeln und rekonstruieren Sie das Paket webpack nicht, es wird nur aus dem Speicher bereitgestellt.

Meiner Erfahrung nach, ist der Weg um zwei Instanzen laufen zu lassen, wenn Sie den tatsächlichen Build sowie den Webpack-dev-Server haben wollen. Also, in einem Terminal-Fenster haben

webpack --watch 

läuft, (webpack --watch die tatsächliche Bündel Rebuild). Dann müssen in einem anderen Terminal

webpack-dev-server 

laufen, (webpack-dev-Server reaload lebt und aus dem Speicher dient den neuen Build).

Answer 2

Dieses Plugin erzwingt webpack-dev-server, um auch Bundle-Dateien zu schreiben, wodurch die Notwendigkeit, zwei Prozesse im Terminal auszuführen, entfällt.

gajus/write-file-webpack-plugin