데브허브 | DEVHUB | The shared story of Vite and Svelte, Matias Capeletto (patak) — Svelte Summit Spring 2025The shared story of Vite and Svelte, Matias Capeletto (patak) — Svelte Summit Spring 2025
- Vite 코어 팀원 Patak은 Svelte 커뮤니티에 깊은 존경심을 표하며, Vite의 커뮤니티 구축과 이벤트에 Svelte Summit과 Discord에서 많은 영감을 받았다고 언급했습니다. 🤝
- Rich Harris의 Rollup 첫 커밋(10년 전)은 ESM 모듈, 트리 쉐이킹, 강력한 플러그인 API를 개척하며 JavaScript 툴링의 중요한 토대가 되었고, 이후 빌드 도구에 큰 영향을 미쳤습니다. 🌳
- Evan You가 이끈 Vite는 Rollup의 유연성과 ESBuild의 속도를 결합하여 '언번들 개발 서버'라는 마법 같은 경험을 제공하며 개발자 경험의 새로운 기준을 제시했습니다. ✨
- Vite 2는 범용 Rollup 플러그인 API(프레임워크에 구애받지 않는 코어 가능)와 Snowpack/SvelteKit의 언번들 개발 SSR shim을 채택하여 Vite를 메타 프레임워크 구축을 위한 툴킷으로 변화시켰습니다. 🛠️
- SvelteKit이 Snowpack에서 Vite 2로 전환하기로 한 결정은 내부 구조를 크게 단순화하고 다른 많은 프로젝트들이 Vite로 마이그레이션하는 강력한 신호가 되었습니다. 🚀
- Vite 팀은 의도적으로 프레임워크에 구애받지 않도록 구성되었으며, Svelte 커뮤니티 멤버가 Vue 외 첫 번째 팀원으로 합류하여 공유 팀원 전통을 시작했습니다. 🌐
- Yorn(Bluey)은 버그 해결 스프린트를 이끌어 Vite의 이슈 수를 안정화했고, Dominic(Vite Plugin Svelte 개발자)은 다운스트림 프로젝트를 위한 '모든 것이 녹색일 때만 릴리스' CI 시스템으로 릴리스 안정성을 혁신했습니다. 🛡️
- Ben은 SvelteKit 작업 중 Vitest, Storybook, Vite Plugin Machines 등 수많은 의존성을 개선하여 생태계 전반에 기여했으며, E18 커뮤니티 성능 개선 이니셔티브를 시작했습니다. ♻️
- SvelteKit의 요구사항은 Vite의 중요한 기능(예: 상대 경로 기반 지원, HMR 부분 자산) 개발을 촉진하며 상호 보완적인 관계를 보여주었습니다. 🎁
- SvelteKit은 Vite 내에서 '프레임워크를 플러그인으로' 접근 방식을 개척하여, Vite의 유연성에 대한 초기 회의론에도 불구하고 문서 및 구성 지식 공유를 통해 그 강력함을 입증했습니다. 🔌
- Vite 6는 실험적인 환경 API를 도입하여 프레임워크가 공유 플러그인 파이프라인과 독립적인 모듈 그래프를 가진 여러 서버 환경(예: 워커드)을 정의할 수 있게 하여 유연성을 높였습니다. 🌍
- Vite 7은
build.up 훅을 도입하여 플러그인이 완전한 애플리케이션을 위한 다중 환경 빌드를 정의하고 조율할 수 있게 하여, 단일 환경 빌드의 한계를 넘어설 것입니다. 🏗️
- Vite는 내부 구현(예: PostCSS 대신 Lightning CSS, Babel 대신 SWC)을 지속적으로 업데이트하여 더 빠른 도구를 활용하고, 사용자 변경 없이 전체 생태계에 성능 향상을 제공합니다. ⚡
- 미래:
oxc 팀은 Rollup의 유연성과 ESBuild의 속도를 결합하는 것을 목표로 하는 새로운 번들러인 'Rolldown'을 개발 중이며, 이는 빌드 툴링의 다음 진화를 대표합니다. 🏎️