方便的方式切换之间的“热再装”和“活再装”，而发展反应？

Question

最近，我按照安装页面上的说明制作了一个新的React应用程序：https://reactjs.org/docs/create-a-new-react-app.html。

这涉及到使用Node来构建这样一个项目：

npx create-react-app my-app
cd my-app
npm start

我注意到在运行这个应用程序后，在代码中进行更改后的默认重新加载行为是一个“热重新加载”，它只刷新代码更改的文件。然而，我也对有时使用“实时重新加载”感兴趣，在那里整个应用程序都是刷新的。

在开发过程中，有没有人知道在“热”和“活”重载方法之间切换的方便方法？

Answer 1

由于我的主要问题是控制台没有在热重新加载时被清除，所以我认为下面的解决方法可能更好。

把这个加到你的index.js..。

window.addEventListener('message', e => {
    if (process.env.NODE_ENV !== 'production' && e.data && e.data.type === 'webpackInvalid') {
        console.clear();
    }
});

...and --这将使您的控制台在热重加载时变得清晰.