的WebPack开发服务器不工作

热模式继承人我的配置：的WebPack开发服务器不工作

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

一切正常，除了热负荷（无刷新或更改时我对文件进行了更改）。我在这里做错了什么？

来源

2015-05-28 Evan

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

“注意的WebPack配置不传递给WebpackDevServer API，在配置的WebPack因此devServer选项，在此使用的API未添加另外，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-28 17:53:04 errnesto

我是在控制台中查看：[WDS]启用热模块更换。 framework.bundle.js：114未捕获错误：[HMR]热模块替换已禁用。 – Evan

嗯你有'插件：[新的webpack.HotModuleReplacementPlugin（）]'在你的webpack配置中添加？ – errnesto

好像似乎有帮助，但现在它只是不更新更改的文件。 [WDS]启用热模块更换。 framework.bundle.js：600 [HMR]等待来自WDS的更新信号...更改文件并且什么也没有发生 – Evan

一定要设置

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

在webpackConfig以及

来源

2016-03-26 06:33:10

如果您正在使用REDX可以试试这个。

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

注意：使用终极版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-25 12:34:06

的WebPack开发服务器不工作

回答

相关问题