Electron快速添加热更新-使用electron-reloader

1.安装依赖

yarn add -D electron-reloader

2.在main.js文件添加以下代码

try {
  require('electron-reloader')(module, {
    debug: true,
    watchRenderer: true
  });
} catch (_) { }

const { app, BrowserWindow } = require('electron/main')
// ... 其余代码保持不变

完整代码

try {
  require('electron-reloader')(module, {
    debug: true,
    watchRenderer: true
  });
} catch (_) { }

const { app, BrowserWindow } = require('electron/main')
  const path = require('node:path')

  const createWindow = () => {
    const win = new BrowserWindow({
      width: 800,
      height: 600,
      webPreferences: {
          preload: path.join(__dirname, 'preload.js'),
          nodeIntegration: true,        // 添加这行
          contextIsolation: false 
        }
    })

    win.loadFile(path.join(__dirname, 'index.html'))
    win.webContents.openDevTools()//打开调试
  }

  app.whenReady().then(() => {
    createWindow()

    app.on('activate', () => {
      if (BrowserWindow.getAllWindows().length === 0) {
        createWindow()
      }
    })
  })

  app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') {
      app.quit()
    }
  })