[webpack dev server]为什么我还没有使用HotModuleReplacementPlugin或设置“hot:true”，HMR就发生了？

Question

最近我一直在学习webpack dev server，webpack文档告诉我，当我尝试实现HMR（热模块替换）时，我应该使用devServer.hot“启用webpack的热模块替换功能”，如下所示：

module.exports = {
   /*other thing ...*/
  hot:true
}

文档还告诉我“注意，要完全启用HMR，还必须包括一个新的webpack.HotModuleReplacementPlugin（）”，如下所示：

 plugins:[
   new webpack.HotModuleReplacementPlugin()
 ]

但是即使我没有使用上述两种方法，HMR仍然有效！！！对于CSS，JS事件JSX

我很困惑

Answer 1

首先，确保你没有混淆热重载和实时重载。

其次，检查网页包开发服务器选项。您是否包含了--inline--hot？

最后，看看你的巴别塔预设。我使用的是babel-reset-react-hmre，这将产生以下DevTools控制台输出。