使用electron-hot-reload包获取hotreload

import { mainReloader, rendererReloader } from 'electron-hot-reload';
import { app } from 'electron';
import path from 'path';

const mainFile = path.join(app.getAppPath(), 'dist', 'main.js');
const rendererFile = path.join(app.getAppPath(), 'dist', 'renderer.js');

mainReloader(mainFile, undefined, (error, path) => {
  console.log("It is a main's process hook!");
});

rendererReloader(rendererFile, undefined, (error, path) => {
  console.log("It is a renderer's process hook!");
});

配置示例项目

https://github.com/valentineus/electron-hot-reload/tree/6feca4b65b78c674aea096906ecd7b46abebc36a/example/application/src

我自己找到的。正如@ShioT所提到的，这被称为 * 热重载/实时重载 *。

电子重载|npm包

https://www.npmjs.com/package/electron-reload

• 前端 *

require('electron-reload')(__dirname);

• 后端（硬复位）* const path = require（'path'）

require('electron-reload')(__dirname, {
   // note that this path can vary
  electron: path.join(__dirname, 'node_modules', '.bin', 'electron')
});

我发现的最简单的方法是使用electron-reloader，安装后，只需将以下代码粘贴在应用程序入口文件的顶部，就万事俱备了：

const { app } = require('electron')

app.isPackaged || require('electron-reloader')(module)

此解决方案支持electron + webpack + react https://github.com/electron/forge/issues/2560的热重载