태그: Bundler
8편
-
Bun 런타임 내부 구조 심화 — JavaScriptCore·Zig FFI·번들러·HTTP·프로덕션
Bun이 V8 대신 JavaScriptCore를 쓰는 이유, bun:ffi로 C ABI를 직접 호출하는 방식과 N-API 애드온의 관계, 트랜스파일러와 Bun.build의 역할 분담, Bun.serve와 Node libuv 서버의 구조 차이를 설명합니다.
-
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과의 비교를 다룹니다.
-
Bun 1.1에서 바뀐 것: Windows 지원, 내장 번들러·테스트 러너, 성능 수치 읽는 법
Bun 1.1에서 달라진 Windows 지원, bun build의 --target=node와 --compile 단일 실행 파일, bun test의 모듈 목과 --watch를 살펴보고, 공식 블로그의 성능 수치를 어떻게 읽어야 하는지 설명합니다.
-
Webpack 5 내부 동작과 설정: 의존성 그래프, 로더·플러그인 구조, 코드 스플리팅, Tree Shaking
Webpack 5 정리. 의존성 그래프와 번들링 알고리즘, 로더·플러그인 아키텍처, 코드 스플리팅 전략, Tree Shaking 메커니즘, 프로덕션 패턴, 설치와 기본 설정, Loaders와 Plugins를 다룹니다.
-
Rollup으로 라이브러리 번들링: 여러 출력 포맷, 플러그인, 외부 의존성, Tree Shaking
Rollup으로 라이브러리를 번들링하는 방법. 기본 설정, ESM·CJS 등 여러 출력 포맷, 플러그인, 외부 의존성 처리, Tree Shaking, Code Splitting, React 라이브러리 예제와 Watch Mode를 정리합니다.
-
Parcel로 설정 없이 번들링하기: 내부 파이프라인, TypeScript·React·CSS, 환경 변수, 코드 스플리팅
Parcel로 설정 없이 번들링하는 방법. Parcel 2 파이프라인 구조, 설치와 기본 사용, TypeScript·React·CSS·이미지 처리, 환경 변수, Code Splitting과 Tree Shaking을 예제로 정리합니다.
-
esbuild로 빠르게 번들링하기: Build API, TypeScript·JSX, Watch·Dev Server, 플러그인
esbuild로 번들링하는 방법. Go 기반으로 빠른 이유, Build API, TypeScript와 JSX 처리, Watch Mode와 Dev Server, 플러그인 작성, React 프로젝트 예제를 정리합니다.