我认真地看了一下github上面的介绍(https://github.com/webpack/webpack-dev-middleware),应该是用来做服务端开发的时候,在内存中生成打包好的js文件,不用真正写到硬盘上。但我非常疑问,用这个生成的打包好的js文件,怎么让express或者koa引用到??官网没有一个例子说明,并不太懂。
还是说这个项目已经废弃掉?我想达到的目的是,写node服务端的程序时,在开发阶段让webpack与express/koa结合在一起,改变源代码的时候express实时更新,要用什么组件去实现这个功能?
伊谢尔伦2017-04-17 13:24:41
webpack dev server
是一个开发伺服器,内建 webpack 使用的 live reloading 功能。
它就是一个用来组织包装 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 编好的资料啊,于是就需要在从request
到response
的过程中透过express 的middleware 取得资料,而方法就是透过webpack-dev- middleware 。
天蓬老师2017-04-17 13:24:41
可以看下我写的关于webpack-dev-server
使用方法的文章。里面有你想要的答案
webpack-dev-server使用方法,看完还不会的来找~