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 模块发生热更新了")
})
}