Upgrade to Vite 6

[brandonroberts]

Which scope/s are relevant/related to the feature request?

create-analog

Information

Vite 6 brings the new Environment API for framework authors to support multiple environments more natively with Vite.

Describe any alternatives/workarounds you're currently using

No response

I would be willing to submit a PR to fix this issue

• Yes
• No

[NateRadebaugh]

I think this is blocked until vitest 3.0 is released

https://github.com/vitest-dev/vitest/releases/tag/v3.0.0-beta.1
We decided to skip Vitest 2.2 and release Vitest 3 with support for Vite 6 instead. There will be no more Vitest 2 versions. Vitest 3 is the first version that supports Vite 6 (excluding 2.1.6). We aim to have a stable release in January.

[NateRadebaugh]

Vitest 3.0 has been released!

https://github.com/vitest-dev/vitest/releases/tag/v3.0.0

[pumano]

somehow tailwindcss processing somehow broken with vite 6 in my storybook with vite-plugin-angular setup. Hope that support will be added soon, because angular 19.1 already support vite 6.

Upd: I found solution with vite 6

...
import tailwindcss from 'tailwindcss';

...
plugins: [angular({ jit: true, tsconfig: './.storybook/tsconfig.json' })],
css: {
   postcss: {
      plugins: [tailwindcss()],
   },
},

[JuNe98]

Is there timeline when it will be updated to support Vite 6?

Because I just wanted to migrate Jest to Vitest with the schematics but Angular 19 ships with Vite 6 out of the box.

[brandonroberts]

One issue is that Nx doesn't officially support Vite 6 in the @nx/vite package, but there's nothing stopping you from bumping the version in the package.json.

[pumano]

@JuNe98 vitest just works with angular 19+ and nx and vite 6

Vitest 3 works too