Vite Config Generator

Generate Vite configuration files for React, Vue, or Svelte. Configure server, build, and alias settings.

32.6Kuses
8.4/10(29)
vite.config.ts
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path';

export default defineConfig({
  plugins: [react()],
  server: {
    port: 5173,
  },
  build: {
    outDir: 'dist',
    sourcemap: true,
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
});

About Vite

Vite is a next-generation frontend build tool with instant dev server startup and fast HMR.

⚡ Pro OptionsSponsored

Some links on this page are affiliate links. If you click and make a purchase, we may earn a commission at no extra cost to you.

Disclaimer: This tool is provided as-is for informational and educational purposes only.

TB

ToolBird Assistant

Find the right tool instantly

Hey! I'm ToolBird Assistant. Tell me what you need and I'll find the right tool for you.