Vite 빌드 도구 구성 및 생태계. vite.config.ts 설정, 플러그인 작성 및 인기 플러그인, 개발 서버 구성(프록시, HMR, HTTPS), 빌드 최적화(청킹, 트리 쉐이킹, 수동 청크, RollupOptions), 패키지 게시를 위한 라이브러리 모드, SSR 구성, 환경 변수(.env 처리), 다중 페이지 앱, CSS 처리(PostCSS, CSS 모듈, 전처리기) 및 자산 처리를 다룹니다. Vite 프로젝트 구성, Vite 플러그인 작성, 빌드 최적화, 개발 서버 프록시 설정, SSR 구성, 환경 변수 처리 또는 Vite 문제 해결 시 사용합니다.
명령줄에서 vite AI 스킬을 개발 환경에 빠르게 설치
출처: oakoss/agent-skills.
Vite is a next-generation frontend build tool that provides instant dev server start via native ES modules and optimized production builds via Rollup. It supports TypeScript, JSX, CSS preprocessors, and static assets out of the box with zero configuration.
When to use: Single-page apps, multi-page apps, library publishing, SSR applications, monorepo packages, any modern frontend project needing fast dev feedback and optimized builds.
When NOT to use: Legacy browsers requiring ES5 output without transpilation, projects locked to Webpack-specific loaders with no Vite equivalents, non-JavaScript build pipelines.
Vite 빌드 도구 구성 및 생태계. vite.config.ts 설정, 플러그인 작성 및 인기 플러그인, 개발 서버 구성(프록시, HMR, HTTPS), 빌드 최적화(청킹, 트리 쉐이킹, 수동 청크, RollupOptions), 패키지 게시를 위한 라이브러리 모드, SSR 구성, 환경 변수(.env 처리), 다중 페이지 앱, CSS 처리(PostCSS, CSS 모듈, 전처리기) 및 자산 처리를 다룹니다. Vite 프로젝트 구성, Vite 플러그인 작성, 빌드 최적화, 개발 서버 프록시 설정, SSR 구성, 환경 변수 처리 또는 Vite 문제 해결 시 사용합니다. 출처: oakoss/agent-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/oakoss/agent-skills --skill viteVite 빌드 도구 구성 및 생태계. vite.config.ts 설정, 플러그인 작성 및 인기 플러그인, 개발 서버 구성(프록시, HMR, HTTPS), 빌드 최적화(청킹, 트리 쉐이킹, 수동 청크, RollupOptions), 패키지 게시를 위한 라이브러리 모드, SSR 구성, 환경 변수(.env 처리), 다중 페이지 앱, CSS 처리(PostCSS, CSS 모듈, 전처리기) 및 자산 처리를 다룹니다. Vite 프로젝트 구성, Vite 플러그인 작성, 빌드 최적화, 개발 서버 프록시 설정, SSR 구성, 환경 변수 처리 또는 Vite 문제 해결 시 사용합니다. 출처: oakoss/agent-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/oakoss/agent-skills --skill vite 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/oakoss/agent-skills