webpack热更新是什么（webpack热更新原理）

传统开发页面，每次更新的时候需要我们手动刷新浏览器才会更新自从构建工具横空出世我们可以通过热更新的方式来进行更新通称HMR（hot module replacement），也就是模块热替换，当你每次需要更新代码的时候，不在需要手动刷新即可实现效果预览，我来为大家科普一下关于webpack热更新是什么?以下内容希望对你有帮助!

webpack热更新是什么

背景

传统开发页面，每次更新的时候需要我们手动刷新浏览器才会更新。自从构建工具横空出世。我们可以通过热更新的方式来进行更新。通称HMR（hot module replacement），也就是模块热替换，当你每次需要更新代码的时候，不在需要手动刷新即可实现效果预览。

前置知识

探究热更新是怎么实现之前，我们需要知道几样东西

• sockjs
• memory-fs
• Compiler事件流

memory-fs

内存文件系统