我认真地看了一下github上面的介绍(https://github.com/webpack/webpack-dev-middleware),应该是用来做服务端开发的时候,在内存中生成打包好的js文件,不用真正写到硬盘上。但我非常疑问,用这个生成的打包好的js文件,怎么让express或者koa引用到??官网没有一个例子说明,并不太懂。
还是说这个项目已经废弃掉?我想达到的目的是,写node服务端的程序时,在开发阶段让webpack与express/koa结合在一起,改变源代码的时候express实时更新,要用什么组件去实现这个功能?
先從 webpack dev server 是什麼談起?
webpack dev server
是一個開發伺服器,內建 webpack 使用的 live reloading 功能。那 webpack dev middleware 是啥?
它就是一個用來組織包裝 webpack 使其可以變成中介軟體,或稱為中間件的容器。回想 express 你大概可以明白關於 middleware 的用途,就是在輸入到輸出的過程中
加工
的一種手段。單純說 middleware 的話我們可以想成一系列任務, 動作
(actions stack),不只 express 有,在 Ruby 中的 rake 也具備這種機制。先看看web dev server的說明
從頭說起的話就是
webpack
本身只負責打包編譯的功能bundle
,webpack-dev-server
當然就是協助我們開發的服務器,這個服務器底層是靠express 來實行的,接著思考一下我們要如何更新(live reload)呢? 當然是需要取得webpack 編好的資料啊,於是就需要在從request
到response
的過程中透過express 的middleware 取得資料,而方法就是透過webpack- dev- middleware 。自己補充
https://github.com/davezuko/r...
webpack 文件寫的非常糟糕。請認真閱讀文件裡的設置,
output
裡面有個叫publicPath
的屬性。可以看看我的demo 裡面有用到
可以看下我寫的關於
webpack-dev-server
使用方法的文章。裡面有你想要的答案webpack-dev-server使用方法,看完還不會的來找~