Electron support for vite

Feature Request: Electron support for vite

This is my vite.config.ts.

import { defineConfig } from 'vite';
import reactRefresh from '@vitejs/plugin-react-refresh';
import builtinModules from 'builtin-modules';
import { escapeRegExp } from 'lodash';

const externalPackages = [
  ...builtinModules,
  ...Object.keys(require('./package.json').dependencies),
  'electron',
];

export default defineConfig({
  plugins: [reactRefresh()],
  build: {
    rollupOptions: {
      output: {
        format: 'commonjs',
      },
      external: externalPackages.map(
        name => new RegExp('^' + escapeRegExp(name) + '(/.+)?$')
      ),
    },
  },
});

This will transform import * as electron from 'electron'; to const electron = require('electron');

This will work in prod mode, not in dev mode.

---

Is this should provide in vite or I should write a third part plugin?

At the moment I wrote a plugin by imitating the implementation of importAnalysisPlugin to do this.

[cawa-93]

I do not understand this issue a bit. Converting esm syntax to cjs syntax is very simple:

https://github.com/cawa-93/vite-electron-builder/blob/2e303ab225f1f418371be4ef2de46dc2a9f63717/config/main.vite.js#L19-L22

Just set lib.formats: ["cjs"]

[xiaoxiangmoe]

@xiaosenzhang @rthadr @aminya

https://www.npmjs.com/package/vite-plugin-commonjs-externals