Vite 31
- Vite 플러그인 아키텍처 분석과 Vite 7·8 번들러 진화(Rollup vs Rolldown) 및 실무 제작 가이드
- Vite 네이티브 테스트 러너 Vitest 도입과 Mocking·Coverage 설정 가이드
- pnpm Workspaces 모노레포 환경에서 Vite 서브 프로젝트 설정 및 패키지 공유
- Vite SSR(서버 사이드 렌더링) 아키텍처와 client·server 엔트리 분리
- Vite 라이브러리 모드(build.lib)를 활용한 npm 공통 컴포넌트 패키지 번들링
- 마크다운(Markdown) 문서를 런타임 컴포넌트로 변환하는 커스텀 Vite 플러그인 제작
- transformIndexHtml 훅을 활용한 환경별 메타 태그 및 CDN 스크립트 동적 주입
- Vite DevServer Connect 미들웨어를 활용한 무서버 Mock API 플러그인 구현
- 가상 모듈(Virtual Module) 패턴을 활용한 빌드 메타데이터 및 설정 주입
- Vite 플러그인 생명주기 훅 구조와 Rollup 공용 인터페이스 분석
- vite-plugin-image-optimizer를 활용한 빌드 타임 WebP·AVIF 이미지 변환
- @vitejs/plugin-legacy를 활용한 구형 브라우저 호환성 및 폴리필 번들 분리
- vite-plugin-compression을 활용한 프로덕션 Gzip 및 Brotli 사전 압축 파이프라인
- rollup-plugin-visualizer를 활용한 번들 사이즈 분석과 트리 쉐이킹 점검
- 라우트 기반 동적 임포트(Dynamic Import)와 프리페칭(Prefetch) 성능 최적화
- Rollup manualChunks 설정을 활용한 벤더 라이브러리 청크 분리 전략
- Vite server.warmup 옵션을 활용한 개발 서버 첫 페이지 로딩 속도 최적화
- vite-plugin-checker를 활용한 빌드 타임 TypeScript·ESLint 백그라운드 검사
- 로컬 개발 환경 HTTPS 구성을 위한 mkcert 및 vite-plugin-basic-ssl 설정
- Vite server.proxy 설정을 활용한 로컬 CORS 해결 및 인증 쿠키 포워딩
- Vite HMR(Hot Module Replacement) 동작 원리와 import.meta.hot API 활용
- 웹 폰트 로컬 서빙과 font-display·preload를 활용한 렌더링 지연 방지
- Vite 환경에서 Tailwind CSS v4 아키텍처 도입 및 컴파일 성능 최적화
- CSS Modules 네이밍 캡슐화와 Vite PostCSS 파이프라인 연동
- vite-plugin-svg-icons를 활용한 SVG 스프라이트 자동화 및 번들 최적화
- Vite 정적 에셋 로딩 전략과 ?raw·?url·?inline 쿼리 파라미터 활용
- 개발·스테이징·프로덕션 환경을 위한 vite.config.ts 설정 모듈화 전략
- TypeScript 경로 별칭 설정과 vite-tsconfig-paths 연동
- Vite 환경 변수 주입 방식과 import.meta.env 모드별 분리 전략
- esbuild를 활용한 Vite 의존성 사전 번들링 메커니즘과 캐시 제어
- Webpack 번들 기반 개발 서버의 한계와 Vite Native ESM 아키텍처 분석