运行node项目时，怎么用webpack的热加载

Question

最近在项目中使用了webpack，感觉热加载这个特性很好用，但是由于是Node渲染，运行项目时要用node来跑，这个时候就用不了webpack的热加载了，因为webpack和node监听的是不同的端口。
目前的做法是用gulp监听静态资源，有变化时执行webpack，打包静态资源到dist目录，同时更新html里引用的静态资源地址，但是每次打包都要3秒左右，而且还要手动刷新浏览器，感觉开发效率很低。
想请教大家是怎么配置webpack做服务端渲染的项目的。

Answer 1

有看过这个webpack-dev-middleware么？

如果你用express，可以把这个中间件集成到你的node应用里，好high

补充：

网站就有例子，如下：

var webpackDevMiddleware = require("webpack-dev-middleware");
var webpack = require("webpack");

var compiler = webpack({
    // configuration
    output: { path: '/' }
});

app.use(webpackDevMiddleware(compiler, {
    // options
}));

如果express玩的够6，上面代码清晰、易懂

Answer 2

nodejs本身就有热加载， http://www.jianshu.com/p/ffc9...

Answer 3

这问题 和我的一样 楼主 你可以先去掉map 以及开发环境不压缩代码 比如去掉-p 那么webpack的wacth就能200ms左右了 不过就是还要自己手动刷新