的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開發服務器不工作

回答

相關問題