From nuxt-skills
Configures Vite build tool, plugin API, SSR, and Vite 8 Rolldown migration. Auto-activates when working with vite.config.ts, Vite plugins, or building SSR apps.
How this skill is triggered — by the user, by Claude, or both
Slash command
/nuxt-skills:viteThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
> Based on Vite 8 beta (Rolldown-powered). Vite 8 uses Rolldown bundler and Oxc transformer.
Based on Vite 8 beta (Rolldown-powered). Vite 8 uses Rolldown bundler and Oxc transformer.
Vite is a next-generation frontend build tool with fast dev server (native ESM + HMR) and optimized production builds.
vite.config.ts| Topic | Description | Reference |
|---|---|---|
| Configuration | vite.config.ts, defineConfig, conditional configs, loadEnv | core-config |
| Features | import.meta.glob, asset queries (?raw, ?url), import.meta.env, HMR API | core-features |
| Plugin API | Vite-specific hooks, virtual modules, plugin ordering | core-plugin-api |
| Topic | Description | Reference |
|---|---|---|
| Build & SSR | Library mode, SSR middleware mode, ssrLoadModule, JavaScript API | build-and-ssr |
| Topic | Description | Reference |
|---|---|---|
| Environment API | Vite 6+ multi-environment support, custom runtimes | environment-api |
| Rolldown Migration | Vite 8 changes: Rolldown bundler, Oxc transformer, config migration | rolldown-migration |
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' },
})
@vitejs/plugin-vue - Vue 3 SFC support@vitejs/plugin-vue-jsx - Vue 3 JSX@vitejs/plugin-react - React with Oxc/Babel@vitejs/plugin-react-swc - React with SWC@vitejs/plugin-legacy - Legacy browser supportvitest skill (Vite-native testing)vue skill for component patternstsdown skill for TypeScript libsnpx claudepluginhub onmax/nuxt-skills --plugin nuxt-skillsProvides advanced Vite 8 configurations for Rolldown-powered builds, advancedChunks, Environment API, plugin development, SSR, library mode, and build optimization. Use for custom pipelines, plugins, or multi-environment builds.
Vite build tool patterns: config, plugins, HMR, env variables, proxy, SSR, library mode, dependency pre-bundling, and build optimization for Vite-based projects.
Provides knowledge of Vite 7.0–8.0 changes: Rolldown bundler default, tsconfigPaths resolution, React plugin v6 with Oxc, SSR improvements, breaking changes. Use before Vite projects.