Load vite.config.js for configuration

[jakewhiteley]

I'm not sure of the technical issues behind it, but it seems that if there were a way to grab and load up the vite server using the defineConfig export from a vite.config.js (if present) then it would get around issues such as #24 .

As it stands I personally had to abandon using this plugin as my plugin requirement and general Vite setup is quite complicated.

I ended up just running the Vite/11ty commands sequentially in my package.json (which works kinda but causes race condition issues).

[KiwiKilian]

With the new upcoming version (already available in alpha) you can use ESM and it's quite easy to load plugins within the .eleventy.js. What other requirements do you have, which would make using vite.config.js easier?

This plugins needs to overwrite some vite options to properly work (e.g. define the input files to your emitted HTML pages, set mode to MPA). So from my point of view, reading a vite.config.js would only help with types and interchangeability. But the current setup shouldn't prevent any functionality which would be enabled by loading an external config.

If you like you can already delcare your vite.config.js as you normally would:

import { defineConfig } from 'vite';

export default defineConfig({
// ...
});

And import this into your .eleventy.js:

import viteConfig from './vite.config.js';

/** @param { import('@11ty/eleventy/src/UserConfig') } eleventyConfig */
export default function (eleventyConfig) {
  eleventyConfig.addPlugin(EleventyVitePlugin, {
    viteOptions: viteConfig,
  });
}

[cmegown]

I came across this issue while adding Vite to a new Eleventy project for the first time - both of which are fairly new to me - and I can confirm that the first thought to go through my head was "it would be pretty cool if this Vite integration automatically detected my vite.config.js file."

While the solution above to import the config file and reference it with viteOptions) does work, I would argue it would be a nice quality-of-life win in terms of config file cleanliness/organization.