前端工程 · 工具链
热更新
Hot Module Replacement
也叫:HMR、热重载、热替换、自动刷新
保存代码后,开发服务器自动把改动推送到浏览器,页面立即更新,往往还能保留当前的输入和状态。
详细解释
热更新像给行驶中的汽车换零件而不用停车:你改了按钮颜色并保存,浏览器里的页面马上变化,表单里填好的内容、打开的弹窗通常都还在,不用从头操作一遍。
严格说有两种:热模块替换(HMR)只替换改动的那部分代码,状态保留;自动刷新是整页重新加载,状态会丢失。改组件样式和内容时一般是前者;改配置文件、环境变量时,通常要重启开发服务器才生效。
热更新偶尔会失灵,表现为改了代码页面没变化。先手动刷新浏览器,不行再重启开发服务器,还不行再让 AI 帮忙排查。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
eng-hot-reload- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/09/29