Dev Server on PlumePHPhttps://plumephp.com/tags/dev-server/Recent content in Dev Server on PlumePHPHugozh-CNMon, 28 Sep 2026 10:00:00 +0800Vite 开发服务器内部架构：中间件管线、模块图与按需编译https://plumephp.com/vite-dev-server-internals/Mon, 28 Sep 2026 10:00:00 +0800https://plumephp.com/vite-dev-server-internals/<h2 id="引言">引言</h2> <p>Vite 最大的卖点是「启动快、HMR 快」——它的秘诀不是魔法，而是一套清晰的架构：<strong>开发服务器不打包，只转换</strong>。浏览器原生请求 ESM 模块，Dev Server 按需把每个模块「原地转换」后返回，模块之间靠浏览器自己解决依赖。这个设计背后是 Connect 中间件管线、模块图（Module Graph）、转换管道与 WebSocket 协作。理解这些内部机制，你才能解决「为什么我改了不生效」「为什么启动还是慢」「为什么这个文件 HMR 失效」。</p>