Webpack dev服务器热模式无法正常工作

Question

继承我的配置:

devServer: {
    contentBase: '/web/dist/',
    hot: true,
    stats: {colors: true},
    inline: true
}

这是我正在运行的gulp任务:

gulp.task('build', ['clean', 'styles', 'bower', 'media', 'data', 'homepage'], function(done) {
    es6promise.polyfill();

    console.log('STARTING DEV SERVER...');

    server = new WebpackDevServer(webpack(webpackDevConfig), webpackDevConfig.devServer);
    server.listen(8080, '0.0.0.0', function (err, stats) {
        if (err) {
             throw new gutil.PluginError("webpack-dev-server", err);
        }

        console.log('DEV SERVER STARTED');

        done();
    });
});

一切都按预期工作,除了热负载(当我更改文件时没有刷新或更改).我在这做错了什么？

Answer 1

您需要添加<script src="http://localhost:8080/webpack-dev-server.js"></script>到index.html使用API​​时不会添加它

"请注意,Webpack配置未传递给WebpackDevServer API,因此在这种情况下不使用webpack配置中的devServer选项.此外,WebpackDevServer API没有内联模式.<script src="http://localhost:8080/webpack-dev-server.js"></script>应手动插入HTML页面." (http://webpack.github.io/docs/webpack-dev-server.html)

也许你还需要添加'webpack/hot/dev-server'作为webpack配置的入口点