問(wèn)題描述

最近在項(xiàng)目中使用了webpack，感覺(jué)熱加載這個(gè)特性很好用，但是由于是Node渲染，運(yùn)行項(xiàng)目時(shí)要用node來(lái)跑，這個(gè)時(shí)候就用不了webpack的熱加載了，因?yàn)閣ebpack和node監(jiān)聽(tīng)的是不同的端口。目前的做法是用gulp監(jiān)聽(tīng)靜態(tài)資源，有變化時(shí)執(zhí)行webpack，打包靜態(tài)資源到dist目錄，同時(shí)更新html里引用的靜態(tài)資源地址，但是每次打包都要3秒左右，而且還要手動(dòng)刷新瀏覽器，感覺(jué)開(kāi)發(fā)效率很低。想請(qǐng)教大家是怎么配置webpack做服務(wù)端渲染的項(xiàng)目的。

問(wèn)題解答

有看過(guò)這個(gè)webpack-dev-middleware么？

如果你用express，可以把這個(gè)中間件集成到你的node應(yīng)用里，好high

補(bǔ)充：

網(wǎng)站就有例子，如下：

var webpackDevMiddleware = require('webpack-dev-middleware');var webpack = require('webpack');var compiler = webpack({ // configuration output: { path: ’/’ }});app.use(webpackDevMiddleware(compiler, { // options}));

如果express玩的夠6，上面代碼清晰、易懂

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