Webpack dev服务器使用代理实时重新加载

Question

我正在PHP运行localhost:8000个应用 我想使用webpack-dev-server热重新加载css，react和js组件。
已将代理设置为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
            }
        }
    }
}

我正在webpack-dev-server访问http://localhost:3000/webpack-dev-server/。

更改我的react组件确实会导致webpack-dev-server重新编译，但浏览器无法更新。

运行webpack会编译dist/app.js文件，因为手动调用它并重新加载浏览器。