viteVite Antfu
antfu/skills
Vite.
Установка
npx -y skills add antfu/skills --skill vite --agent claude-codeVite
Инструмент сборки следующего поколения с быстрым dev-сервером (native ESM + HMR) и оптимизированными production-сборками. Версия 8 использует бандлер Rolldown и трансформер Oxc. Применяйте при работе с проектами на Vite, vite.config.ts, плагинами Vite, сборкой библиотек или SSR-приложений.
Предпочтения
- Используйте TypeScript: предпочтительно
vite.config.ts - Всегда ESM, избегайте CommonJS
Справочники
| Тема | Описание | Файл |
|---|---|---|
| Configuration | defineConfig, условные конфиги, loadEnv | references/core-config.md |
| Features | import.meta.glob, asset queries (?raw, ?url), import.meta.env, HMR API | references/core-features.md |
| Plugin API | Хуки Vite, virtual modules, порядок плагинов | references/core-plugin-api.md |
| Build & SSR | Library mode, SSR middleware mode, ssrLoadModule, JavaScript API | references/build-and-ssr.md |
| Environment API | Vite 6+ мультисредовая поддержка, кастомные runtime | references/environment-api.md |
| Rolldown Migration | Изменения Vite 8: Rolldown, Oxc, миграция конфига | references/rolldown-migration.md |
Быстрый справочник
CLI
vite # Запустить dev-сервер
vite build # Production сборка
vite preview # Предпросмотр production сборки
vite build --ssr # SSR сборка
Типовой конфиг
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@vitejs/plugin-vue-jsx— Vue 3 JSX@vitejs/plugin-react— React с Oxc/Babel@vitejs/plugin-react-swc— React с SWC@vitejs/plugin-legacy— поддержка устаревших браузеров
Из того же репозитория
vue — Vue Antfu
antfu/skills
Vue.
vitest — Vitest Antfu
antfu/skills
Vitest.
vue-best-practices — лучшие практики Vue Antfu
antfu/skills
Лучшие практики Vue Antfu.
nuxt — Nuxt Antfu скиллы
antfu/skills
Nuxt.
vueuse-functions — функции VueUse Antfu
antfu/skills
Функции VueUse.
web-design-guidelines — аудит UI по гайдлайнам Vercel
antfu/skills
Загружает актуальные Web Interface Guidelines из GitHub Vercel и проверяет код на доступность, дизайн-несоответствия и UX-проблемы. Результат в формате файл:строка.
