Vite+ 베타 공개

1 hour ago 2

웹 개발 도구를 프로젝트마다 따로 조립하던 부담을 줄이기 위해 Vite+ 가 런타임, 패키지 매니저, 빌드·테스트·검사 도구를 하나의 진입점으로 묶음
vp dev, vp check, vp test, vp build, vp pack, vp run이 Vite 8, Vitest, Rolldown, tsdown, Oxlint, Oxfmt와 연결되어 일관된 명령 체계를 제공함
알파 이후 12개 이상 버전과 500개 이상 PR을 거치며 캐싱, 마이그레이션, 조직 템플릿, 기업 네트워크 대응, 크로스 플랫폼 안정성이 개선됨
공개 저장소 기준 1,300개 이상이 vite-plus에 의존하며, Dify, critical, BlockNote, vinext, îles, Inkline, npmx 같은 프로젝트가 이미 사용 중임
아직 1.0 전 단계이므로 원격 캐싱, GitLab CI/CD 지원, 프레임워크·플러그인 호환성, 마이그레이션, 배포 채널과 진단 개선이 남아 있음

Vite+가 제공하는 통합 툴체인

Vite+는 웹 개발을 위한 통합 툴체인으로 베타 공개됨
하나의 진입점에서 런타임과 패키지 매니저를 관리하고, 여러 프론트엔드 도구를 테스트된 스택으로 함께 제공함
- Vite
- Vitest
- Rolldown
- tsdown
- Oxlint
- Oxfmt
- 내장 작업 실행기
MIT 라이선스의 완전한 오픈소스이며, 특정 프레임워크에 종속되지 않음
CLI, 라이브러리, 웹 앱 등 다양한 웹 프로젝트에서 사용할 수 있음
새 프로젝트는 vp create, 기존 프로젝트는 vp migrate로 시작함

같은 명령으로 개발·검사·빌드 실행

Vite+는 저장소마다 다른 도구 조합과 명령을 익히는 대신, 같은 명령 체계를 쓰도록 설계됨
주요 명령은 다음과 같음
- vp dev: Vite 8 기반으로 핫 모듈 교체가 포함된 개발 서버를 시작함
- vp check: Oxfmt 포맷, Oxlint 린트, 타입 검사를 한 번에 실행함
- vp test: Vitest 기반 단위 테스트를 실행함
- vp build: Vite 8 기반으로 프로덕션 빌드를 수행함
- vp pack: tsdown 기반으로 라이브러리를 번들링하며 모범 사례를 포함함
- vp run: 내장된 모노레포 인식 작업 실행기로 npm 스크립트나 작업을 실행하고 지능형 캐싱을 사용함
팀과 코드베이스가 커질수록 다음 이점이 커짐
- 도구 버전이 정렬됨
- 설정 공유가 쉬워짐
- 신규 기여자의 설정 단계가 줄어듦
- CI가 로컬 개발과 같은 명령을 실행함
반복적으로 툴체인을 직접 조립하고 싶지 않은 개발자와, 프로젝트 전반에 일관된 설정을 원하는 팀에 맞춰져 있음
Vite+는 Vite 생태계를 대체하지 않음
- Vite 플러그인은 계속 Vite 플러그인으로 남음
- 프로젝트는 내부적으로 원하는 패키지 매니저를 계속 사용할 수 있음
- Vite+는 이 요소들이 하나의 툴체인처럼 작동하도록 통합 계층을 제공함

알파 이후 베타까지의 변화

Vite+ 알파 이후 실제 프로젝트 테스트를 거치며 12개 이상 버전이 릴리스되고 500개 이상 PR이 병합됨
주요 개선점은 다음과 같음
- 더 똑똑한 캐싱: vp run이 자동 데이터 추적과 Vite가 보고하는 메타데이터를 결합해 입력, 출력, 환경 변수를 수동 나열하지 않아도 빌드 캐시가 올바르게 동작함
- 마이그레이션 개선: vp migrate가 다양한 앱 설정을 처리하고, 에이전트를 위한 마이그레이션 프롬프트도 제공함
- 엔터프라이즈 기능: 조직 템플릿으로 팀 간 설정을 표준화하고, 프록시 및 커스텀 CA 인식 HTTP로 기업 프록시와 방화벽 뒤에서도 vp를 실행할 수 있음
- 크로스 플랫폼: 주요 운영체제와 셸에서 더 잘 동작하도록 vp가 강화됨
- 정제와 개선: vite-plus에 180개 이상의 수정과 개선이 반영됨
자세한 변경 내역은 Vite+ 릴리스 기록에서 확인할 수 있음

함께 발전한 기반 도구들

Vite+가 만들어지는 동안 기반 도구들도 계속 개선됨
알파 이후 주요 변화는 다음과 같음
- Vite 8.1이 실험적 전체 번들 모드와 함께 출시됨
- Vitest가 ARIA 스냅샷을 지원함
- Rolldown 1.0이 새 플러그인 시스템과 성능 개선과 함께 출시됨
- tsdown이 CSS modules 지원을 구현함
- Oxlint가 네이티브 React Compiler 린트 규칙을 통합함
- Oxfmt가 Svelte 코드 포맷을 지원함

실제 도입 사례

vite-plus에 의존하는 공개 저장소가 1,300개 이상이며, 비공개 프로젝트와 전역 CLI 설치는 포함되지 않음
다양한 프로젝트 유형에서 Vite+가 사용되고 있음
- Dify: LLM 앱 구축용 오픈소스 플랫폼
- critical: Addy Osmani의 프레임워크 독립적 critical-path CSS 도구
- BlockNote: React용 블록 기반 Notion 스타일 리치 텍스트 편집기
- vinext: Vite 기반의 Next.js 호환 드롭인 프레임워크
- zerobyte: TanStack과 React로 만든 셀프호스팅 사용자용 백업 자동화
- îles: Vue용 부분 하이드레이션 islands 사이트 생성기
- agentsview: Svelte로 만든 코딩 에이전트용 로컬 우선 세션 검색·분석 도구
- Inkline: Vue, React, Svelte, Angular, Solid, Qwik, Astro를 지원하는 UI 컴포넌트 라이브러리
- npmx: Nuxt 기반 오픈소스 npm 레지스트리 브라우저
npmx의 Daniel Roe는 Vite+가 개발 경험을 빠르게 유지하고 CI와 리뷰 과정도 빠르게 만든다고 밝힘

1.0 전까지 남은 과제

Vite+는 안정적이지만 아직 완성 단계는 아니며, 통합 툴체인이 필요한 기능을 충족한다면 도입을 권장함
1.0까지 집중할 항목은 다음과 같음
- vp run인 Vite Task용 원격 캐싱 구현
- GitLab CI/CD용 setup-vp 도입
- Vite 프레임워크와 플러그인 전반의 호환성 개선
- 더 많은 마이그레이션 대상 지원
- 공식 Homebrew formula 같은 배포 채널 추가
- 문서와 진단을 더 명확하게 개선
1.0 릴리스 전 남은 호환성 격차를 줄이기 위해 커뮤니티 피드백을 우선시함

설치와 마이그레이션

전역 vp 명령은 macOS/Linux에서 다음 명령으로 설치함

curl -fsSL https://vite.plus | bash

Windows에서는 다음 PowerShell 명령을 사용함

irm https://vite.plus/ps1 | iex

새 프로젝트 생성은 다음 명령을 사용함

vp create

기존 Vite 프로젝트에서 Vite+를 시도하려면 다음 명령을 사용함

vp migrate

vp migrate는 변경 계획을 보여주지만, 복잡한 프로젝트는 수동 후속 작업이 필요할 수 있음
프로덕션 프로젝트에 Vite+를 도입하기 전 마이그레이션 가이드를 읽어야 함
특히 기존 프로젝트를 마이그레이션하는 개발자, 프레임워크와 플러그인 작성자, 대규모 저장소를 유지하는 팀의 피드백을 원함
관련 채널

Read Entire Article