Webpack的模块热替换(HMR)配置

模块热替换

HMR(Hot Module Replacement)

开启HMR

HMR已经集成在webpack模块中，所以不需要再单独安装模块。

方法1：

​ 在运行webpack-dev-server命令时，通过**–hot**参数去开启这个特性。

方法2：

​ 配置两个地方：

• 将devServer对象中的hot属性设置为true
• 载入一个webpack内置的插件(HotModuleReplacementPlugin)

配置代码：

// ./webpack.config.js
const webpack = require('webpack')

module.exports = {
   
  // ...