vue3+vite+electron 渲染进程使用ipcRenderer报错，使用require报错

vue3+vite+electron 渲染进程使用ipcRenderer报错，使用require报错

渲染进程代码如下：

import { ipcRenderer } from 'electron'
function restart() {
  ipcRenderer.send("window-reset");
}

报错如下：

Uncaught ReferenceError: __dirname is not defined

使用require代码如下：

const { ipcRenderer } = require('electron')
function restart() {
  ipcRenderer.send("window-reset");
}

报错如下：

Uncaught ReferenceError: require is not defined

还是使用require引入，这是安全限制问题，只需要在BrowserWindow新建窗口时，传入：

new BrowserWindow({
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false
    }
})