在 webpack 开发环境中，webpack-dev-server 是如何监听文件变化并触发重新编译的？请说明其监听机制和常见配置。
考察说明
考查对 webpack-dev-server 文件监控和热更新机制的理解。
回答思路
- 【回答框架 1】webpack-dev-server 通过监听文件系统的变化来触发重新编译。其核心是利用 chokidar 库来监视文件变化，当检测到文件变更时，会通知 webpack 进行增量编译，并生成新的编译结果。
- 【回答框架 2】在监听过程中，可以配置 watchOptions 来控制监听行为，包括 poll 轮询、aggregateTimeout 聚合超时、ignored 忽略规则等。例如，poll 用于在文件系统不支持原生事件时启用轮询，aggregateTimeout 用于延迟重建，ignored 可以排除 node_modules 等目录以减少性能开销。
- 【回答框架 3】webpack-dev-server 还提供了热模块替换（HMR）功能，与文件监听配合，可以实现局部更新，无需刷新整个页面。监听和编译是 HMR 的基础，但监听本身并不等同于 HMR，HMR 需要配置 devServer.hot 为 true，并配合 webpack.HotModuleReplacementPlugin。
- 【回答框架 4】当使用 webpack-dev-server 时，默认情况下它会监听入口文件及其依赖的文件，当这些文件发生改变时，webpack 会重新编译，并通过 WebSocket 通知浏览器更新。监听的范围和灵敏度可以通过 watchOptions 调整，以适应不同的项目需求。
- 【关键点 1】webpack-dev-server 使用 chokidar 监听文件变化，触发增量编译。
- 【关键点 2】watchOptions 中的 poll、aggregateTimeout、ignored 用于控制监听行为。
- 【关键点 3】HMR 与文件监听机制配合，实现模块热更新，但需单独配置。
- 【易错点 1】忽略监听性能优化，如未排除 node_modules，可能导致编译性能下降。
- 【易错点 2】在文件系统不支持事件通知的环境（如部分网络驱动）中，未设置 poll 可能导致监听失效。