禁用 create-react-app webpack hot/live 在运行时重新加载

Question

我正在尝试在两个不同的 tabs/windows 中对我的 React 代码进行一些 before/after 比较，但是 create-react-app/webpack 的 hot/live 重新加载功能阻止了我运行 old/new 并排代码。

以前接受的将 DevTools request blocking the websocket connection 与 localhost:3000/sockjs-node/* 一起使用的解决方案似乎不再有效（在 Chrome 86 上）。

Answer 1

我发现 hot/live 重新加载功能调用了一个名为 webpackHotUpdate 的全局函数，我可以覆盖它以禁用该功能。

运行 在 DevTools 控制台中

window.webpackHotUpdate = () => {}

注意：这不会禁用通过 websocket 连接发送的编译 errors/warnings 的显示。