Web开发中间件自动重新加载

Question

我正试图通过webpack-dev-middleware自动重新加载(没有热重载)一些JavaScript.

我的Express服务器的当前代码:

app.use(webpackDevMiddleware(compiler, {
    inline: true,
    noInfo: true,
    publicPath: config.output.publicPath,
    stats: {colors: true}
}));

一切似乎运行良好,但当我改变一些东西时,我的浏览器不会自动重新加载(尽管webpack重建......).

我是否需要添加额外的条目以使用webpack-dev-middleware自动重新加载浏览器？

Answer 1

似乎 webpack-dev-middleware 不支持自动重新加载。相反的方法是在不同的端口上启动您的 Express 服务器，并启动一个contentBase指向您的 Express 服务器的 webpack-dev-server （或用于proxy更精细的控制）。（参见本期。）

另一种方法是反过来，以编程方式启动开发服务器并修改其内部 Express 服务器：

var server = new WebpackDevServer(webpack(webpackConfig), webpackDevServerConfig);
server.app.use(function(req, res, next) {
    // server.app is an express server
});
server.listen(8080, "localhost", function(err) {
});