hmr是什么格式 HMR是哪种文件格式？

1、HMR是什么格式

HMR是Webpack的Hot Module Replacement的缩写，中文称为模块热替换。它是一种通过局部更新来实现页面无刷新的技术，能够大大提升前端开发的效率。

2、HMR的工作原理

HMR的实现需要借助Webpack，在打包的时候给每个模块都添加上一个唯一的ID，并且通过Socket等方式与服务器建立起连接。当开发者修改了某个模块的代码时，Webpack会通过该模块的ID找到对应的模块，然后再利用Socket将修改的内容发送给服务器。接着，服务器将新的代码片段发送到客户端，并且利用Webpack的API更新模块，最终实现无刷新的局部更新。

3、HMR常见应用场景

HMR一般应用于较大型的单页应用，比如大型的电商网站或社交网络应用等。在开发过程中，经常需要对页面进行调试和优化。使用HMR技术可以保证前端开发的实时反馈，极大地提升了前端开发的效率。除此之外，HMR还可以用于控制页面状态的变化，如滚动条位置、选项卡状态、表单输入等等。

4、HMR的优缺点

HMR作为现代化前端开发的一个重要技术，具有一定的优点和缺点。

优点：

1、HMR实现了模块的热替换，优化了前端开发的效率；

2、HMR可以实现页面无刷新更新，用户可以得到更好的使用体验；

3、HMR可以在Webpack的编译器中直接实现更改文件的效果，而无需检查文件系统。

缺点：

1、HMR需要对Webpack、开发工具以及项目进行复杂的配置，学习曲线较大；

2、因为多了一步检测和更新模块的操作，HMR会对构建速度产生影响；

3、HMR并不能是所有未保存的修改都立即生效，有时仍需要手动刷新页面。