node.js - 运行node项目时,怎么用webpack的热加载
巴扎黑
巴扎黑 2017-04-17 14:47:45
0
2
639

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

巴扎黑
巴扎黑

全員に返信(2)
Peter_Zhu

この webpack-dev-middleware を見たことがありますか?

express を使用する場合、このミドルウェアを node アプリケーションに統合できます。非常に高機能です。

補足:

Web サイトには次のような例があります。

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

var コンパイラ = webpack({
    // 構成
    出力: { パス: '/' }
});

app.use(webpackDevMiddleware(コンパイラ, {
    // オプション
}));

express を十分にプレイすれば、上記のコードは明確で理解しやすいでしょう。

いいねを押す +0
洪涛

nodejs 自体にはホットローディング機能があります (http://www.jianshu.com/p/ffc9...

)
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート