如何将IpcMain.on从Main.ts中分离出来？

可以新建一个文件夹，例如名为ipcMainHandler的文件夹，然后在该文件夹中新增一个ipcMainHandler.ts的文件，用于处理IpcMain.on的逻辑。

ipcMainHandler.ts中的代码示例：

import { ipcMain } from 'electron';

ipcMain.on('example', (event, arg) => {
  console.log(arg); // 打印从renderer传递过来的参数
  event.returnValue = 'response from ipcMain';
});

// 其他ipcMain.on的逻辑也可以在此文件中新增

然后我们可以在Main.ts中引入这个ipcMainHandler.ts文件的内容，并在Main.ts中调用即可，例如：

Main.ts中的代码示例：

import { app, BrowserWindow } from 'electron';
import path from 'path';
import './ipcMainHandler/ipcMainHandler';

let mainWindow: Electron.BrowserWindow;

function createWindow(): void {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
      nodeIntegration: true
    }
  });

  mainWindow.loadFile('index.html');

  mainWindow.webContents.openDevTools();
}

app.whenReady().then(createWindow);

这样，就可以将IpcMain.on从Main.ts中分离出来，使得代码更加清晰易懂。