最近在项目中使用了webpack,感觉热加载这个特性很好用,但是由于是Node渲染,运行项目时要用node来跑,这个时候就用不了webpack的热加载了,因为webpack和node监听的是不同的端口。
目前的做法是用gulp监听静态资源,有变化时执行webpack,打包静态资源到dist目录,同时更新html里引用的静态资源地址,但是每次打包都要3秒左右,而且还要手动刷新浏览器,感觉开发效率很低。
想请教大家是怎么配置webpack做服务端渲染的项目的。
天蓬老师2017-04-17 14:49:45
有看过这个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,上面代码清晰、易懂