【前端知识之webpack】webpack的热更新

前言

本系列主要整理前端面试中需要掌握的知识点。本节介绍webpack的热更新。

---

一、webpack的热更新是什么

• 热更新（HMR）全程Hot Module Replacement，可以理解为模块热替换，指在应用程序运行的过程中，替换、添加、删除模块，而无需重新刷新整个应用。
• 例如在运行过程中修改了某个模块，通过自动刷新会导致整个应用的整体刷新，那页面中的状态信息都会丢失；如果使用的是HMR，就可以实现只将修改的模块实时替换至应用中，不必完全刷新应用。
• 热更新的配置

const webpack = require('webpack')
module.exports = {
   
  // ...