Webpack

기술노트

Webpack은 웹용 리소스를 변환, 번들 또는 패키징하는 인기 있는 오픈 소스 JavaScript 모듈 번들러입니다. 종속성이 있는 모듈을 가져와 해당 모듈을 나타내는 정적 자산을 생성합니다. Webpack은 JavaScript뿐만 아니라 CSS, 이미지, 글꼴과 같은 다른 자산도 처리할 수 있습니다. 로더를 사용하여 파일 및 플러그인을 전처리하여 번들 최적화와 같은 광범위한 작업을 수행합니다. Webpack의 주요 기능에는 코드 분할, 지연 로딩 및 풍부한 확장 생태계가 포함됩니다. 빠른 개발을 위한 핫 모듈 교체와 사용되지 않는 코드를 제거하기 위한 트리 쉐이킹을 지원합니다. 일부 대안에 비해 학습 곡선이 더 가파르지만 Webpack의 유연성과 강력한 기능 덕분에 Webpack은 많은 최신 JavaScript 개발 워크플로우, 특히 복잡한 애플리케이션의 표준 도구가 되었습니다.