解决Electron-Vite项目中process未定义的问题

在Electron-Vite项目开发过程中，开发者可能会遇到"ReferenceError: process is not defined"的错误提示。这个问题通常发生在渲染进程尝试直接使用Node.js模块时，特别是那些依赖process对象的库。

问题背景

Electron应用由主进程和渲染进程组成。默认情况下，渲染进程运行在浏览器环境中，无法直接访问Node.js API。当我们在渲染进程代码中直接引入依赖process对象的Node模块时，就会出现process未定义的错误。

解决方案

使用预加载脚本(preload)

Electron-Vite推荐使用预加载脚本来安全地暴露Node.js功能给渲染进程。预加载脚本在渲染进程加载网页之前运行，可以访问Node.js API，同时又不会将完整的Node环境暴露给网页内容。

具体实现步骤如下：

1. 在预加载脚本中引入需要的Node模块
2. 通过contextBridge将特定功能暴露给渲染进程
3. 在创建浏览器窗口时指定预加载脚本路径

示例代码

预加载脚本(preload.js)示例：

const { contextBridge } = require('electron')
const machineId = require('node-machine-id')

contextBridge.exposeInMainWorld('electronAPI', {
  getMachineId: () => machineId.machineIdSync()
})

主进程(main.js)中创建窗口时指定预加载脚本：

const { BrowserWindow } = require('electron')

const win = new BrowserWindow({
  webPreferences: {
    preload: path.join(__dirname, 'preload.js')
  }
})

渲染进程中调用暴露的方法：

window.electronAPI.getMachineId().then(id => {
  console.log('设备ID:', id)
})

安全考虑

使用预加载脚本时需要注意：

1. 只暴露必要的功能，不要暴露整个Node环境
2. 验证和清理来自渲染进程的输入
3. 避免暴露敏感API

替代方案

如果不想使用预加载脚本，也可以考虑：

1. 在主进程中实现功能，通过IPC通信与渲染进程交互
2. 寻找不依赖Node环境的浏览器端替代库

总结

在Electron-Vite项目中处理Node模块时，预加载脚本是最佳实践。它既解决了process未定义的问题，又遵循了Electron的安全原则。开发者应该养成使用预加载脚本的习惯，而不是直接在渲染进程中引入Node模块。