# HMR原理

HMR(Hot Module Replacement)是webpack最令人兴奋的特性之一,用于在不刷新页面、不丢失页面状态的情况下对应用发生变更的文件进行热更新。

在HMR出现之前,已有很多live reload库,能做到代码编译后自动刷新浏览器,不需要手动更新,如果应用是无状态的话,这样做没什么问题,但是一旦有状态的话,刷新页面就会导致状态丢失。举例说明:如果一个系统有个登陆页面,用户输入完用户名和密码,获取到JWT(JSON Web Token),将JWT保存在变量中,那么如果页面刷新的话JWT就会丢失,导致开发需要再次登陆,这种体验就很差了。

—————— 2020.12.25

上次更新: 1/8/2023, 9:08:35 AM