Webpackデベロッパーサーバープロキシを使用したライブリロード

Question

PHPアプリをlocalhost:8000に実行しています。
css、reactおよびjsコンポーネントをホットリロードするためにwebpack-dev-serverを使用します。
http://localhost:8000にプロキシを設定していましたが、webpack-dev-serverはブラウザを再ロードしていません。

ここwebpack.config.jsです：

var path = require('path'); 
var autoprefixer = require('autoprefixer'); 

module.exports = { 
    entry: [ 
     './src/app.js' 
    ], 
    output: { 
     path: path.join(__dirname, 'dist'), 
     publicPath: 'http://localhost:8000', 
     filename: 'app.js' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       exclude: /node_modules/, 
       loaders: [ 'react-hot', 'babel-loader' ] 
      }, 
      { 
       test: /\.scss$/, 
       loaders: [ 'style-loader', 'css-loader', 'sass-loader' ] 
      } 
     ] 
    }, 
    postcss: [ 
     autoprefixer(
      { 
       browsers: [ 
        'last 2 versions' 
       ] 
      } 
     ) 
    ], 
    devServer: { 
     port: 3000, 
     proxy: { 
      '**': { 
       target: 'http://localhost:8000', 
       secure: false, 
       changeOrigin: true 
      } 
     } 
    } 
} 

私はhttp://localhost:3000/webpack-dev-server/でwebpack-dev-serverにアクセスしています。

reactコンポーネントを変更すると、webpack-dev-serverは再コンパイルされますが、ブラウザは更新されません。

webpackを実行すると、dist/app.jsファイルが手動で呼び出され、ブラウザを再読み込みするようにコンパイルされます。

Answer 1

だから私のpublicPathが間違っていました。

output: { 
    path: path.join(__dirname, 'dist'), 
    publicPath: 'http://localhost:3000/dist/', 
    filename: 'app.js' 
}, 

更新：ここ
は修正だしかし、それは_ブラウザをリロードしているようだ（ツ）_ /¯