webpack5如何进行模块热更新HMR呢？

webpack5如何进行模块热更新HMR呢？

首先在导出的配置里配置

  devServer: {
    // 该配置 可以设置如果项目中找不到的资源， 可以在当前目录下的文件夹另外加载
    contentBase: "./abc",
    // 模块热更新
    hot: true,
  },
  // 另外还需要把这个配置加上去，即为web使用，有些时候会有问题
  target: "web",

另外还需要把这个配置加上去，即为web使用，其实大多数情况下也没问题；有些时候会有问题
target: “web”,

最后在你需要热更新的模块里加上该代码

// 模块热更新
if (module.hot) {
  module.hot.accept("./js/element.js", () => {
    console.log("element 模块发生热更新了")
  })
}