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,
}),
标签:false,错误,overlay,React,ReactRefreshWebpackPlugin,new
From: https://www.cnblogs.com/longmo666/p/18092210