vite.config.ts

Generate a Vite config with plugins, path aliases, and dev server options.

Preset

Select the framework plugin for Vite.

Framework

Add the Vite plugin for your project framework.

None — 플러그인 없음 React (@vitejs/plugin-react) Vue (@vitejs/plugin-vue) Svelte (@sveltejs/vite-plugin-svelte)

Configure module path aliases and resolution.

Path Alias (@/ → src/)

Map @/ to src/ directory. Use together with tsconfig paths.

Configure Vite dev server options.

Port

Port for the dev server. Default is 5173.

Configure production build options.

Source Map

Include source maps in production build. Useful for debugging but increases bundle size.

vite.config.ts

import { defineConfig } from 'vite'

export default defineConfig({
})