node.js - 有没有人知道 webpack-dev-middleware 这个东西是用来干嘛的?
PHP中文网
PHP中文网 2017-04-17 13:22:41
0
5
1166

我认真地看了一下github上面的介绍(https://github.com/webpack/webpack-dev-middleware),应该是用来做服务端开发的时候,在内存中生成打包好的js文件,不用真正写到硬盘上。但我非常疑问,用这个生成的打包好的js文件,怎么让express或者koa引用到??官网没有一个例子说明,并不太懂。

还是说这个项目已经废弃掉?我想达到的目的是,写node服务端的程序时,在开发阶段让webpack与express/koa结合在一起,改变源代码的时候express实时更新,要用什么组件去实现这个功能?

PHP中文网
PHP中文网

认证0级讲师

全部回覆(5)
伊谢尔伦

先從 webpack dev server 是什麼談起?

webpack dev server 是一個開發伺服器,內建 webpack 使用的 live reloading 功能。

那 webpack dev middleware 是啥?

它就是一個用來組織包裝 webpack 使其可以變成中介軟體,或稱為中間件的容器。回想 express 你大概可以明白關於 middleware 的用途,就是在輸入到輸出的過程中 加工 的一種手段。單純說 middleware 的話我們可以想成一系列任務, 動作(actions stack),不只 express 有,在 Ruby 中的 rake 也具備這種機制。

先看看web dev server的說明

The webpack-dev-server is a little node.js Express server, which uses the webpack-dev-middleware to serve a webpack bundle.

從頭說起的話就是webpack 本身只負責打包編譯的功能bundle, webpack-dev-server 當然就是協助我們開發的服務器,這個服務器底層是靠express 來實行的,接著思考一下我們要如何更新(live reload)呢? 當然是需要取得webpack 編好的資料啊,於是就需要在從requestresponse 的過程中透過express 的middleware 取得資料,而方法就是透過webpack- dev- middleware 。

小葫芦

自己補充

https://github.com/davezuko/r...

巴扎黑

webpack 文件寫的非常糟糕。請認真閱讀文件裡的設置,output裡面有個叫publicPath的屬性。

Peter_Zhu

可以看看我的demo 裡面有用到

Peter_Zhu

可以看下我寫的關於webpack-dev-server使用方法的文章。裡面有你想要的答案

webpack-dev-server使用方法,看完還不會的來找~

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板