Webpack
Webpack
Webpack은 프런트엔드 자산을 하나의 번들로 묶어 주는 모듈 번들러예요. 자바스크립트뿐 아니라 CSS, 이미지, 폰트 같은 다양한 파일을 모듈로 취급해서 의존성을 따라 정적 자산으로 만들어요.
핵심 개념은 entry, output, loaders, plugins, mode 정도로 정리할 수 있고, 이 다섯 가지 조합으로 거의 모든 프런트엔드 빌드 구성을 표현할 수 있어요.
이 카테고리의 문서
- 핵심 개념: entry, output, loaders, plugins, mode
- 번들 최적화: code splitting, tree shaking 등 성능 다루기
- 개발 경험: dev server, watch 모드로 개발 흐름 만들기