Vite

From the author

AutoGineer summary

Install

Documentation by Anthony Fu

vite              # Start dev server
vite build        # Production build
vite preview      # Preview production build
vite build --ssr  # SSR build

import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [],
  resolve: { alias: { '@': '/src' } },
  server: { port: 3000, proxy: { '/api': 'http://localhost:8080' } },
  build: { target: 'esnext', outDir: 'dist' },
})

Files

// vite.config.ts
import { defineConfig } from 'vite'

export default defineConfig({
  // config options
})

export default defineConfig(({ command, mode, isSsrBuild, isPreview }) => {
  if (command === 'serve') {
    return { /* dev config */ }
  } else {
    return { /* build config */ }
  }
})

export default defineConfig(async ({ command, mode }) => {
  const data = await fetchSomething()
  return { /* config */ }
})

import { defineConfig, loadEnv } from 'vite'

export default defineConfig(({ mode }) => {
  // Load env files from cwd, include all vars (empty prefix)
  const env = loadEnv(mode, process.cwd(), '')
  
  return {
    define: {
      __APP_ENV__: JSON.stringify(env.APP_ENV),
    },
    server: {
      port: env.APP_PORT ? Number(env.APP_PORT) : 5173,
    },
  }
})

export default defineConfig({
  input: 'src/main.ts',
  // or multi-page: { main: 'index.html', nested: 'nested/index.html' }
})

export default defineConfig({
  resolve: {
    alias: {
      '@': '/src',
      '~': '/src',
    },
  },
})

export default defineConfig({
  define: {
    __APP_VERSION__: JSON.stringify('1.0.0'),
    __API_URL__: 'window.__backend_api_url',
  },
})

import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
})

export default defineConfig({
  server: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    },
  },
})

export default defineConfig({
  build: {
    target: 'esnext', // or 'es2020', ['chrome90', 'firefox88']
  },
})

export default defineConfig({ tsconfig: './tsconfig.app.json' })

export default defineConfig({ devtools: { apply: 'serve' } })

/** @type {import('vite').UserConfig} */
export default {
  // ...
}

import type { UserConfig } from 'vite'

export default {
  // ...
} satisfies UserConfig

Requirements and compatibility

Security

Related skills

• 

  Implement

  Matt Pocock· Community

  A structured workflow for implementing software tasks from specifications or tickets.

  Software developmentClaude CodeClaude appsOpenAI Codex+14 more

  MITGitHub stars of the source repository317.5k
• 

  Source Driven Development

  Addy Osmani· Community

  A rigorous process for grounding code implementation in official, version-specific documentation to ensure accuracy and avoid outdated patterns.

  Software developmentClaude CodeClaude appsOpenAI Codex+14 more

  MITGitHub stars of the source repository113.9k
• 

  Write Swift

  Emil Kowalski· Community

  A comprehensive guide to writing modern, safe, and performant Swift code following the language's latest idioms and concurrency models.

  Software developmentClaude CodeClaude appsOpenAI Codex+14 more

  MITGitHub stars of the source repository54.3k
• 

  Cardputer Buddy

  AnthropicOfficial

  Iterate on the Cardputer-Adv MicroPython app bundle (Claude Buddy, Snake, Hello) after the device is already provisioned via m5-onboard. Use when the user wants to add a new app, push a single changed .py without re-flashing, watch device serial logs, or run a one-shot REPL command. Trigger on "add an app", "push to the cardputer", "tail the device", "run on the device", or follow-up work after /maker-setup.

  Software developmentClaude CodeClaude appsOpenAI Codex+14 more

  Apache-2.0GitHub stars of the source repository46.3k
• 

  Typescript Pro

  Seth Hobson· Community

  An expert TypeScript persona focused on advanced typing, enterprise architecture, and strict type safety.

  Software developmentClaude Code

  MITGitHub stars of the source repository42.3k
• 

  Scala Pro

  Seth Hobson· Community

  An expert Scala engineer persona specializing in functional programming, distributed systems, and enterprise-grade architecture.

  Software developmentClaude Code

  MITGitHub stars of the source repository42.3k

Download ZIP

The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download vite.zip