플러그인
참고
Vite는 일반적인 웹 개발 패턴들에 대한 기본적인 지원을 제공하는 것을 목표로 합니다. Vite 또는 Rollup 호환 플러그인을 검색하기 전에, 지원하는 기능들 페이지를 확인해 보세요. Rollup 프로젝트에 플러그인이 필요한 많은 경우가 이미 Vite에 구현되어 있습니다.
플러그인 사용법은 플러그인 사용하기 문서를 참고해주세요.
공식 플러그인
@vitejs/plugin-vue
- Vue 3 단일 파일 컴포넌트(SFC)의 지원을 제공합니다.
@vitejs/plugin-vue-jsx
- Vue 3 JSX 지원을 제공합니다. (전용
Babel변형을 통해)
@vitejs/plugin-vue2
- Vue 2.7 단일 파일 컴포넌트(SFC)를 지원합니다.
@vitejs/plugin-vue2-jsx
- 전용 바벨 프리셋을 통해 Vue 2.7 JSX를 지원합니다
@vitejs/plugin-react
- esbuild와 Babel을 사용하여 작은 패키지 크기와 Babel 변형 파이프라인의 유연성을 통해 빠른 HMR을 달성합니다. 추가 Babel 플러그인이 없으면 빌드 중 esbuild만 사용됩니다.
@vitejs/plugin-react-swc
- 개발 중에는 Babel 대신 SWC를 사용합니다. 빌드 중 플러그인을 사용하게 된다면 SWC+esbuild를 사용하고, 그렇지 않다면 esbuild만을 사용합니다. 비표준 React 확장이 필요하지 않은 대규모 프로젝트의 경우, 콜드 스타트와 Hot Module Replacement(HMR)이 훨씬 빠르게 작동할 수 있습니다.
@vitejs/plugin-legacy
- 프로덕션 빌드를 위한 이전 브라우저 지원을 제공합니다.
커뮤니티 플러그인
awesome-vite를 확인해 보세요. 또한 그곳에서 PR을 제출하여 여러분의 플러그인을 목록에 올릴 수 있습니다.
Rollup 플러그인
Vite 플러그인은 Rollup 플러그인 인터페이스의 확장입니다. 더 많은 정보를 알려면 Rollup 플러그인 호환 섹션을 참고하세요.