webpack-dev-middleware,webpack有什么用

webpack-dev-middleware,webpack有什么用

webpack-dev-middleware是一个容器（wrapper），可以将webpack处理的文件传递到服务器（server）。 webpack-d首先在中间件注入的地方创建一个Context对象，并在webpack的编译器中点击相应的监听钩子。这将进行编译监控（成功，异常）在watch模式下启动webpack编译

1-6中介绍的DevServer是一个小型的HTTP服务器，方便开发。DevServer实际上是基于webpack-dev-middleware和Expressjs实现的，而webpack-dev-middleware的public路径，熟悉webpack的同学都知道，这是生成的新文件指向的路径，可以模拟CDN资源引用。 那么它和这里的主角webpack-dev-middleware有什么关系呢？有关系吗

devServer配置的本质是webpack-dev-server包提供的功能，而webpack-dev-middleware则是这个包的底层依赖。 截至本文发布时，webpack-dev-middleware的最新版本是webpack-dev-middleware@webpack-dev-middleware是用于在开发环境中运行webpack的中间件。 它将webpack打包的文件传递到服务器，然后服务器将它们实时快速地加载到浏览器中。

webpack-dev-middleware是一个容器（wrapper），它可以将webpack处理的文件传递到服务器（server）。webpack-dev-server在内部使用它，它也可以由webpack-dev-middleware与webpack捆绑包一起使用的快速风格开发中间件，并允许提供从webpack发出的文件

3.webpack-dev-middleware+express除了使用流行的webpack-dev-server之外，还可以使用webpack-dev-中间件与expressserver配合构建简单的web服务器。 webpack-dev-middleware是webpack-dev-middleware的配置。它有两种模式：1.监控模式（默认）：当文件更改时编译器将重新编译。 2.Lazy模式：编译器编译每个请求的入口点。 下面是一个使用expre的例子