common vite config section

[apss-pohl]

Clear and concise description of the problem

A common section for main/preload/render would be useful to prevent code duplication, e.g. when using shared alisases:

import { resolve } from 'node:path';
import { defineConfig, externalizeDepsPlugin } from 'electron-vite';


export default defineConfig({
  main: {
    resolve: {
      alias: {
        '@root': __dirname,
        '@m/': __dirname + '/apps/main/src/',
        '@r/': __dirname + '/apps/render/src/',
      },
    },
  },
  preload: {
    resolve: {
      alias: {
        '@root/': __dirname,
        '@m/': __dirname + '/apps/main/src/',
        '@r/': __dirname + '/apps/render/src/',
      },
    },
  },
  renderer: {
    resolve: {
      alias: {
        '@root/': __dirname,
        '@m/': __dirname + '/apps/main/src/',
        '@r/': __dirname + '/apps/render/src/',
      },
    },
  },
});

Suggested solution

Following this structure:

export default {
  common: {
    // this applies to all sub configurations
  },
  main: {
    // vite config options
  },
  preload: {
    // vite config options
  },
  renderer: {
    // vite config options
  }
}

Alternative

No response

Additional context

No response

Validations

• Follow the Code of Conduct.
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[alex8088]

You can do it like this:

import { resolve } from 'node:path';
import { defineConfig, externalizeDepsPlugin } from 'electron-vite';

const alias = {
  '@root': __dirname,
  '@m/': __dirname + '/apps/main/src/',
  '@r/': __dirname + '/apps/render/src/',
}

export default defineConfig({
  main: {
    resolve: {
      alias
    },
  },
  preload: {
    resolve: {
      alias
    },
  },
  renderer: {
    resolve: {
      alias
    },
  },
});

[apss-pohl]

Sure, this was more an example, I have a bunch of shared configuration.

Therefore i am having 4 vite configuration files and i merge from the master file configurations used in renderer, main and preload. I am using lodash`s merge to bring them all together. Subscections configs overrule the main one.
Having a common section would look much cleaner instead of adding all of this in the subsections.

[alex8088]

I can understand your idea, but public configuration is easy to confuse and understand. Because the Vite configuration itself has many default configurations, there will be many conflicts when parsing each node configuration and merging with the public configuration.