gulp webpack-dev-serverの変更が適用されない

Question

gulpを使用してwebpack-dev-serverを設定しようとしています。変更が発生すると、webpack-dev-serverはbundle.jsファイルを再構築するように見えますが、私がページを更新してもそれは同じです。 webpackを使ってbundle.jsを手動でコンパイルし、毎回サーバーを再起動する必要があります。

gulp.task('webpack-dev-server', function() { 
    var compiler = webpack(require('./webpack.config')); 
    new WebpackDevServer(compiler, { 
     contentBase: 'public', 
     historyApiFallback: true, 
     progress: true, 
     inline: true 
    }).listen(8000, 'localhost', (err) => { 
       if(err) throw new $.util.PluginError('webpack-dev-server', err); 
       $.util.log('[webpack-dev-server]', 'http://localhost:8000'); 
    }); 
}); 

webpack.config.js

module.exports = { 
    entry: [ 
     './src/index.js' 
    ], 
    output: { 
     path: __dirname + '/public/js', 
     filename: 'bundle.js' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.(jsx|js)$/, 
       loader: "babel-loader", 
       exclude: /node_modules/, 
       query: { 
        presets: ["es2015", "react"] 
       } 
      } 
     ] 
    }, 
    resolve: { 
     extensions: ['', '.js', '.jsx'] 
    }, 
    devServer: { 
     contentBase: 'public', 
     inline: true, 
     progress: true 
    } 
}; 

Answer 1

gulpfile.jsは、問題を発見：contentBaseではなく、プロジェクトフォルダ自体のプロジェクトのルートとしてディスクのルートを使用していました。パスは "F：\ public"になりました。私はcontentBase: __dirname + 'public'に変更して動作します。