Allow webpack/vite config to be async function

[lmiller1990]

What would you like?

Right now you can pass a webpack/vite config to component.devServer:

defineConfig({
  component: {
    devServer: {
      viteConfig: require('./vite.config.js')
    }
  }
})

It would help third parties integrate with Cypress if this could be an async function that receives the base Vite config as the first arg:

defineConfig({
  component: {
    devServer: {
      viteConfig: async (baseConfig) => {
        const newConfig = await something()
        return {...baseConfig, ...newConfig}
      })
    }
  }
})

Context: #22390 (comment)

Why is this needed?

It will help tools that want to ship pre-configured Cypress for Component Testing. Example: Quasar framework. Context: #22390 (comment)

Other

No response

[lmiller1990]

Working on it... #23605

[cypress-bot]

The code for this is done in cypress-io/cypress#23605, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

[cypress-bot]

Released in 10.9.0.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v10.9.0, please open a new issue.