Preload Scripts Code Not Split ​

Whether Node.js is enabled in the Main process or not, the Preload scripts supports loading electron module, so we need to build it in cjs format.

import { ipcRenderer } from 'electron'
// ↓↓↓↓ Build with `cjs` format ↓↓↓↓
const { ipcRenderer } = require('electron')

When Rollup builds code in cjs format, it will automatically split the code into multiple chunks, and use require() to load them, and use require() to load other modules when nodeIntegration: false in the Main process Errors will occur. So we need to configure Rollup not to split the code when building to ensure that it works correctly with nodeIntegration: false .

// vite.config.ts
import electron from 'vite-plugin-electron'
export default {
  plugins: [
    electron([
        entry: 'electron/main/index.ts',
        entry: 'electron/preload/index.ts',
        onstart({ reload }) {
          reload()
        vite: {
          build: {
            outDir: 'dist-electron/preload',
            rollupOptions: {
              output: {
                // Disable Preload scripts code split
                inlineDynamicImports: true,