# Vite 6.0 릴리즈

> Clean Markdown view of GeekNews topic #18000. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=18000](https://news.hada.io/topic?id=18000)
- GeekNews Markdown: [https://news.hada.io/topic/18000.md](https://news.hada.io/topic/18000.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2024-11-29T09:32:01+09:00
- Updated: 2024-11-29T09:32:01+09:00
- Original source: [vite.dev](https://vite.dev/blog/announcing-vite6.html)
- Points: 6
- Comments: 0

## Summary

Vite 6.0은 새로운 환경 API를 도입하여 다양한 런타임에서 실행 및 번들링이 가능하며, 프레임워크 및 플러그인 작성자를 위한 유연성을 강화했습니다. Node.js 18, 20, 22를 지원하며, 템플릿 확장, Sass 및 PostCSS 업데이트, CSS 라이브러리 출력 파일명 사용자 정의 등의 새로운 기능이 추가되었습니다.

## Topic Body

### **Vite 6 주요 변경 사항**  
- **환경(Environment) API 도입**:  
  - 프로덕션과 더 가까운 개발 경험을 제공하기 위한 새로운 API  
    - Node.js 이외의 런타임(Deno, Bun등)에서 실행 및 번들링 가능   
    - Electron, Tauri, React Native 를 위한 환경도 제공 가능   
  - 프레임워크 및 플러그인 작성자를 위한 유연성 강화  
  - 가이드: [Environment API 소개](https://green.sapphi.red/blog/increasing-vites-potential-with-the-environment-api)  
- **Node.js 지원 업데이트**:  
  - Node.js 18, 20, 22 지원, 21 지원 종료  
  - 향후 Node.js 18 EOL 이후 신규 메이저 릴리스 계획  
- **새로운 기능 및 변경**  
  - 템플릿 확장: `pnpm create vite-extra`로 Solid, Deno, SSR 등의 템플릿 지원.  
  - Sass 및 PostCSS:  
    - Sass 현대 API 기본 적용.  
    - PostCSS의 로드 설정 확장.  
  - CSS 라이브러리 출력 파일명 사용자 정의  
  - HTML 요소의 에셋 참조 지원 확장  
  - `resolve.conditions`의 디폴트 밸류 조정   
  - JSON stringify   
- **마이그레이션**  
  - 대부분의 프로젝트는 간단히 업데이트 가능하지만, [마이그레이션 가이드](https://vite.dev/guide/migration) 검토 권장  
  
### **Vite 생태계 발전**  
- npm 주간 다운로드가 Vite 5 이후 750만에서 1700만으로 증가  
- 새로운 프레임워크와 협력 확대:  
  - [TanStack Start](https://tanstack.com/start), [One](https://onestack.dev/), [Ember](https://emberjs.com/)  
  - [Astro](https://astro.build/), [Nuxt](https://nuxt.com/), [SvelteKit](https://kit.svelte.dev/), [React Router](https://reactrouter.com/) 등 주요 웹 프레임워크와 통합  
- **ViteConf 2024**에서 다양한 발표:  
  - Evan You의 [VoidZero](https://staging.voidzero.dev/posts/announcing-voidzero-inc) 설립 발표  
  - Rust 기반 [Rolldown](https://rolldown.rs/), [Oxc](https://oxc.rs/) 개발 소식  
  - [StackBlitz](https://stackblitz.com/)의 [bolt.new](https://bolt.new/) 및 [Storybook](https://storybook.js.org/)의 Vitest 통합 테스트 기능 공개  
- Vite 6 새로운 랜딩 페이지 및 도메인 **vite.dev** 적용

## Comments



_No public comments on this page._