https://plumephp.com/tags/%E5%BC%80%E5%8F%91%E4%BD%93%E9%AA%8C/Recent content in 开发体验 on PlumePHPHugozh-CNMon, 28 Sep 2026 10:00:00 +0800https://plumephp.com/vite-hmr-internals/Mon, 28 Sep 2026 10:00:00 +0800https://plumephp.com/vite-hmr-internals/<h2 id="引言">引言</h2> <p>HMR（Hot Module Replacement，热模块替换）是 Vite 开发体验的灵魂——改一行代码，浏览器<strong>不刷新</strong>就更新。但它并非魔法：底层是「模块图 + WebSocket + 边界 accept」。本文从原理讲透 HMR：先拆解一次热更新的完整链路（改文件 → 依赖图计算 → 增量更新 → 边界执行），再讲框架如何自动 accept、手写 <code>import.meta.hot</code> 自定义热更新、插件侧实现 HMR，最后给出 HMR 失效排查与性能优化，让你从「用 HMR」进阶到「掌控 HMR」。</p>