如何深入解析webpack-dev-middleware的源代码？

本文共计2426个文字，预计阅读时间需要10分钟。

前言 + Webpack 的使用前提已 经是前端开发工程师必备技能之一。若想在本地环境启动一个开发服务，只需在 Webpack 的配置中增加 devServer 的配置来启动即可。devServer 的本质是 webpack-dev-server。

前言

Webpack 的使用目前已经是前端开发工程师必备技能之一。若是想在本地环境启动一个开发服务，大家只需在 Webpack 的配置中，增加 devServer 的配置来启动。devServer 配置的本质是 webpack-dev-server 这个包提供的功能，而 webpack-dev-middleware 则是这个包的底层依赖。

截至本文发表前，webpack-dev-middleware 的最新版本为 webpack-dev-middleware@3.7.2，本文的源码来自于此版本。本文会讲解 webpack-dev-middleware 的核心模块实现，相信大家把这篇文章看完，再去阅读源码，会容易理解很多。