webpack 5 的基本热重载无法正常工作 代码预期行为实际行为我们如何重现这种行为？

如何解决webpack 5 的基本热重载无法正常工作 代码预期行为实际行为我们如何重现这种行为？

问题

• 正在加载整个页面

---

• 操作系统：macOS Big Sur 11.2

• 节点版本： v14.15.4

• NPM 版本：6.14.10

• webpack 版本： ^5.19.0

• webpack-dev-server 版本： ^4.0.0-beta.0

• 浏览器：Google Chrome 88 版

• [x] 这是一个错误

代码

存储库链接：https://github.com/Ridermansb/webpack5Hot

• master 分支，它只使用基本的 webpack-dev-server 配置，没有任何插件
• react-hot-loader 分支它使用 react-hot-loader 插件。 Pull Request #1
• react-refresh-webpack-plugin 分支它使用 pmmmwh/react-refresh-webpack-plugin webpack 插件。 Pull Request #2

预期行为

在所有情况下...不应该重新加载页面而只重新加载更改的部分

实际行为

它总是重新加载整个页面。

我们如何重现这种行为？

只需克隆存储库 ridermansb/webpack5Hot

• npm install
• npm start

并尝试更新 Header 组件