详解webpack-dev-middleware 源码解读

Webpack 的使用目前已经是前端开发工程师必备技能之一。若是想在本地环境启动一个开发服务，大家只需在 Webpack 的配置中，增加 截至本文发表前，webpack-dev-middleware 的最新版本为要回答这个问题，我们先来看看如何使用这个包：通过启动一个 熟悉 webpack 的同学都知道，webpack 可以通过而 webpack-dev-middleware 拥有以下几点特性：。本文将主要围绕这三个特性和主流程逻辑进行分析。此部分的作用是，调用 compiler 的 watch 方法，之后 webpack 便会监听文件变更，一旦检测到文件变更，就会重新执行编译。最后，我们只需要返回 express 的中间件就可以了，而中间件则是调用 middleware 函数得到的。如果是，则调用 ready() 方法。上文的源码解读主要分析的是 webpack-dev-middleware 它是如何实现它所拥有的特性、如何处理用户的请求等主要功能点，未包括其他分支逻辑处理、容错。