new ReactRefreshWebpackPlugin({ overlay: false, }), 作用是什么

ReactRefreshWebpackPlugin 是一个专门为 React 应用程序提供快速热更新（Fast Refresh / Hot Reloading）的 Webpack 插件。

当你的 React 组件代码发生变化时，它能够自动重新渲染受影响的组件，而不是刷新整个页面，从而显著提升开发效率。

配置项中的 overlay: false 表示禁用错误提示覆盖层。在启用错误覆盖层的情况下，当开发过程中出现编译错误时，ReactRefreshWebpackPlugin 会在浏览器中以一个红色的全屏遮罩层显示错误信息。禁用后，错误仍然会出现，但不会显示这个视觉遮罩层，错误信息将通过浏览器控制台输出。

总结来说，new ReactRefreshWebpackPlugin({ overlay: false }) 这一行代码的作用是启用 React 的快速热更新功能，并关闭错误提示的全屏覆盖层。

const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin')

new ReactRefreshWebpackPlugin({
      overlay: false,
    }),