webpack-dev-Server nicht aktualisiert Bündel

Question

serviert

Hier ist meine webpack Konfiguration:

module.exports = { 
    entry: './src/index.js', 
    output: { 
    path: './js', 
    filename: 'bundle.js' 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     exclude: /node_modules/, 
     loader: 'babel', 
     } 
    ] 
    }, 
} 

ich die webpack-dev-Server wie folgt beginnen: webpack-dev-server --inline aus dem Stammverzeichnis meiner App.

Das Problem ist, wenn ich Änderungen in meiner index.js Datei mache es sieht aus wie der dev-Server in der Konsole bündelt, aber ich sehe keine Änderungen im Browser. Auch nach manueller Aktualisierung der servierten Bundle.js ändert sich nicht (ich schaue es mir in den Entwicklertools an, ich weiß, dass webpack-dev-server die Datei aus dem Speicher versorgt und keine Änderungen in das Dateisystem schreibt).

Ist in meiner Webpack-Konfiguration etwas nicht in Ordnung oder muss ich irgendwie den webpack-dev-server konfigurieren?

Answer 1

Wie Bob Sponge in den Kommentaren erwähnt ist das Problem, dass die output.publicPath fehlt. Ich habe meine Konfiguration wie folgt aktualisiert:

module.exports = { 
    entry: './src/index.js', 
    output: { 
    path: './js', 
    filename: 'bundle.js', 
    publicPath: 'js/' 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     exclude: /node_modules/, 
     loader: 'babel', 
     } 
    ] 
    }, 
}