npm - 在 Webpack 5 上使用 "webpack serve"时如何进行热重载

Question

我刚刚升级到 Webpack 5，因为 webpack-dev-server不再工作了，我换了我的 npm start来自 webpack-dev-server 的命令至 webpack serve .
这是我的 npm start命令

webpack serve --config  ./build-config/webpack.config.js

我可以看到控制台更新，打印输出，但是浏览器中的页面不会更新，我必须刷新浏览器页面。

额外
添加 --mode development --env development --hot到我的 npm start没有解决问题
网络包版本:

"webpack": "^5.10.0",
"webpack-cli": "^4.2.0"

注:我不是在谈论 webpack-serve

Answer 1

可能的解决方案是，
如果你没有跑掉 Node.js
就像附加 hot: true 一样简单在您的 devServer你的 webpack 配置选项。
如果您正在运行 Node.js
在服务器文件中创建 webpackDevServer 实例时，您必须传递包含键值对 hot: true 的第二个选项参数。
自从 Webpack 5 出现以来，配置变得有点棘手。在我看到你的 dev config/package.json 之前，我会假设你有正确的依赖项/选项。由于您没有提供有关您的环境的明确输入等，因此在回答您的问题时要知道要考虑什么有点困难。
引用文献
对于文档/概念:
https://webpack.js.org/api/hot-module-replacement/
如需综合指南:
https://webpack.js.org/guides/hot-module-replacement/