Electron Forge热更新导致整个页面刷新

442 阅读1分钟

版本

  • Electron Forge:6.4.2
  • electron:26.2.1
  • react:18.2.0

1、首先需要安装两个插件

yarn add -D @pmmmwh/react-refresh-webpack-plugin react-refresh

2、修改Forge配置文件 forge.config.ts:

const config: ForgeConfig = {
    ...
    
    plugins: [
        ...
        devServer: {
            liveReload: false
        }
    ]
}

3、修改webpack配置文件 webpack.plugins.ts

import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';

export const plugins = [
  new ReactRefreshWebpackPlugin(),
  
  ...
];