6

这是我的配置：

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

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

4

3 回答 3

7

需要在<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 配置中

于 2015-05-28T17:53:04.123 回答
1

一定要设置

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

在 webpackConfig 中也是如此

于 2016-03-26T06:33:10.333 回答
0

如果你使用 redux 可以试试这个。

由于某种随机原因redux-devtools，我不允许热重载。尝试从根组件和redux compose配置中删除它。

注意：在您的商店配置中使用带有此配置的 redux devtool 浏览器扩展：window.devToolsExtension ? window.devToolsExtension() : f => f

另外，必须阅读：https ://medium.com/@rajaraodv/webpacks-hmr-react-hot-loader-the-missing-manual-232336dc0d96#.ejpsmve8f

或尝试热重载 3：示例：https ://github.com/gaearon/redux-devtools/commit/64f58b7010a1b2a71ad16716eb37ac1031f93915

于 2016-11-25T12:34:06.457 回答