Vite Config Generator
Free Developer Tool

Generate Yourvite.config.ts

Skip the docs. Select your framework, configure plugins, set path aliases and build options, then copy your production-ready Vite config in seconds.

⚡

Framework Presets

React, Vue, Svelte, Lit, or Vanilla — the right plugin is added automatically.

🛠️

All Config Sections

Dev server, build target, path aliases, source maps, chunk splitting, and more.

📋

Copy-Ready Output

Generates clean TypeScript or JavaScript. Copy and drop straight into your project.

Configuration

Framework

General

Dev Server

Build

vite.config.ts
# npm install -D @vitejs/plugin-react

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'

// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
})

Frequently Asked Questions

Everything you need to know about Vite Config Generator.