Javascript 网页包开发服务器热模式不工作

这是我的配置：

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

下面是我正在执行的吞咽任务：

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();
    });
});

除了热加载（当我对文件进行更改时没有刷新或更改）之外，一切都按预期工作。我在这里做错了什么？

您需要将

添加到index.html中。在使用API时，它不会被添加

请注意，webpack配置未传递给WebpackDevServer API，因此在这种情况下不使用webpack配置中的devServer选项。此外，WebpackDevServer API没有内联模式。

应手动插入HTML页面 （）

也许您还需要添加

'webpack/hot/dev server'

作为您的webpack config的入口点

请确保设置

webpackConfig.plugins.push(new webpack.HotModuleReplacementPlugin());

---

如果您正在使用redux，也可以在webpackConfig中尝试此操作

出于某种随机原因，

redux devtools

不允许对我进行热重新加载。尝试从根组件中删除它，然后重新编写config

注意：将redux devtool浏览器扩展与商店配置中的此配置一起使用：

window.devToolsExtension？window.devToolsExtension（）：f=>f

此外，必须阅读：

或者尝试热重新加载3：

---

示例：

我在控制台中看到了这一点：[WDS]热模块更换已启用。framework.bundle.js:114未捕获错误：[HMR]热模块替换被禁用。hmm您是否在您的网页包配置中添加了

插件：[new webpack.HotModuleReplacementPlugin（）]

？好的，这似乎有帮助，但现在它不会在更改的文件上更新。[WDS]热模块更换已启用。js:600[HMR]正在等待来自WDS的更新信号。。。更改文件后不会发生任何情况我需要设置此publicPath选项吗？公共路径到底应该指向什么？我认为你不需要公共路径。它应该用于提供静态内容。否则我就不知道了。也许你可以将你的webpack.config添加到问题中…