Skip to content
Home / Migrations / Vite 5Vite 6

Vite 5 Vite 6

easy

Vite 6 is mostly backwards-compatible. The Environment API is opt-in. Main breaking change is dropping Node 16/17.

Estimated: 1-3h · 5 steps
Progress0%
Step 1: Update Node

Vite 6 requires Node 18, 20, or 22. Drop Node 16/17 from CI.

Step 2: Update Vite and plugins
npm install vite@6 @vitejs/plugin-react@latest
Step 3: Switch Sass to modern API

If using Sass, the default API changed to 'modern' in Vite 6.

css: { preprocessorOptions: { scss: { api: 'modern-compiler' } } }
Step 4: Audit ssrLoadModule usage

If you use ssrLoadModule directly, plan migration to the new Environment API. Most apps don't touch this.

Step 5: Run build
Production build succeeds. Dev server starts. No new warnings.