태그: Webpack
4편
-
Vite 빌드 도구: ESM 개발 서버·esbuild·Rollup 구조와 설정·플러그인·Webpack 비교
Vite가 개발 중에는 네이티브 ESM과 esbuild 사전 번들링으로, 프로덕션에서는 Rollup으로 빌드하는 구조를 설명하고, vite.config 설정, 환경 변수와 mode, React·Vue 프로젝트 구성, 플러그인 훅, 코드 분할과 빌드 튜닝을 예제로 다룹니다.
-
Turbopack이 Webpack보다 빠른 이유: 증분 컴파일, turbopack.rules 로더, 모노레포 튜닝, 마이그레이션
Next.js Turbopack과 Webpack의 성능·아키텍처 차이, dev 활성화, 증분 컴파일 원리, turbopack.rules 로더, 모노레포 튜닝, 실무 마이그레이션 전략을 다룹니다.
-
Webpack에서 Rspack으로 옮기기: Loader·Plugin 호환성, SWC 설정, React·Vue 구성, 벤치마크
Rspack은 Rust로 구현된 번들러로 Webpack 설정·생태계와의 호환을 유지합니다. Webpack에서 마이그레이션하는 절차, Loader·Plugin 호환성, SWC 통합, React·Vue 설정, 벤치마크 읽는 법, Turbopack과의 비교를 다룹니다.
-
Webpack 5 내부 동작과 설정: 의존성 그래프, 로더·플러그인 구조, 코드 스플리팅, Tree Shaking
Webpack 5 정리. 의존성 그래프와 번들링 알고리즘, 로더·플러그인 아키텍처, 코드 스플리팅 전략, Tree Shaking 메커니즘, 프로덕션 패턴, 설치와 기본 설정, Loaders와 Plugins를 다룹니다.