热更新，是指 Hot Module Replacement，缩写为 HMR。

如果模块发生变化，即便这个模块已经在运行中，也会进行更新替换，直观的变化就是：修改的代码，不用手动刷新页面，页面自动局部更新。

webpack自带热更新功能，所以在webpack中启用热更新很简单。

const webpack = require("webpack");

...

devServer: {
    ...
    hot: true
  },
plugins: [
    new webpack.HotModuleReplacementPlugin()
]
...

当然，想要使用上面的代码，需要注册两个插件：webpack,webpack-dev-server。

webpack和vite对比
热更新时webpack做了什么总的来说，webpack的热更新就是，当我们对代码做修改并保存后，webpack会...
webpack热更新
我们在用webpack打包文件，如果打包出来的资源是带有哈希值，每打一次包，就会出现一个不同哈希值的文件。为了避免...
webpack 热更新
热更新，是指 Hot Module Replacement，缩写为 HMR。如果模块发生变化，即便这个模块已经在...
webpack热更新
使用webpack可帮助我们的开发以及打包，在开发过程中，有时候我们只修改了部分代码并想不必刷新整个页面即可看到更...
webpack 热更新
代码地址请戳这里 HMR 是什么？ Hot Module Replacement 即模块热替换，是指当你的代码修改...
webpack 热更新
模块热替换 HMR 基本概念模块热更新 hot module replacement: 在应用程序运行过程中替换...
webpack 热更新
本节我们学习 webpack 的模块热更新，也可以叫做模块热替换。其目的是为了加快用户的开发速度，提高编程体验，方...
webpack 热更新
本节我们学习 webpack 的模块热更新，也可以叫做模块热替换。其目的是为了加快用户的开发速度，提高编程体验，方...
热重载、热更新
热更新/ 热模块替换 hot module replacement 热更新：浏览器的无刷新更新（即webpack里...
webpack-dev-server 改造 ——本地接口接入教程
大家都在用webpack，都在用webpack-dev-server的热更新，也都知道webpack自带serve...