Webpack-dev-server无法优雅关闭问题求助
运行webpack serve --mode=development --config webpack.config.js启动开发服务正常，但执行Ctrl+C停止时，终端一直卡在：
[webpack-dev-server] Gracefully shutting down. To force exit, press ^C again. Please wait...
多次按Ctrl+C无响应，只能通过关闭终端强制终止进程。结合你提供的配置和猜测，可从以下几个方向排查：
禁用Babel缓存目录
你的babel-loader配置中开启了cacheDirectory: true，缓存后台进程可能未正常退出。临时将该选项设为false，重新启动服务后尝试关闭，若能正常退出，说明缓存机制存在资源泄漏。后续可清理Babel缓存目录（默认在node_modules/.cache/babel-loader），或升级babel-loader至最新稳定版。排查自定义编译模块的资源占用
配置中的compileModules和compileRootModules包含了外部包的编译逻辑，这些模块可能持有未释放的文件句柄、子进程或其他资源。临时注释掉这两个数组的内容，仅编译本地src和index.tsx，测试关闭是否正常。若问题消失，逐个添加模块排查具体是哪个包导致的资源泄漏。关闭热重载功能测试
devServer配置中开启了hot: true，热重载的钩子逻辑可能存在未清理的进程。将hot设为false后重试关闭操作，若恢复正常，检查是否存在自定义热重载逻辑，或升级webpack-dev-server版本。临时强制终止进程的方案
若暂时无法定位根源，可通过命令行直接终止相关进程：- 查找占用devServer端口的进程（以默认8080端口为例）：
lsof -i :8080，获取PID后执行kill -9 <PID> - 或直接终止所有webpack相关进程：
pkill -f webpack
- 查找占用devServer端口的进程（以默认8080端口为例）：
升级依赖版本
依赖版本不兼容可能导致进程退出异常。尝试升级核心依赖至最新稳定版：npm update webpack webpack-dev-server babel-loader @babel/core html-webpack-plugin
内容的提问来源于stack exchange，提问作者S.V.
