webpack(웹팩)

이해하기

webpack은 애플리케이션을 구성하는 자원들을 하나의 파일로 병합 및 압축하는 모듈 번들러 입니다.

한 예로, 여러 js 파일들을 불러와야 하는 브라우저는 네트워크 적으로 부담을 가질 수 밖에 없으나
webpack을 통해 js를 하나로 묶어서 불러올 경우 네트워크 부담을 줄여 성능을 증가 시킬 수 있습니다.

프론트 프레임워크 개발환경에서는 대체로 Node.js를 사용해 구현하므로,
개발환경에 webpack을 설치하여 개발 환경을 구축하는 개발방법이 주로 사용됩니다.

번틀링은 여러개의 파일 중에 종속성이 존재하는 파일을 하나의 파일로 묶어
패키징을 시키는 과정을 의미합니다.