本文先介绍了 HMR 的起源，主要是为了方便地在代码变更后查看更新后的页面效果。常用的构建工具有 Vite 和 Webpack，本文从一次 HMR 发生的全流程角度介绍了 Vite 的 HMR 机制。