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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板