我认真地看了一下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使用方法,看完还不会的来找~