# 번들러

자바스크립트 파일을 기능 단위로 모듈화하고 하나로 묶어 관리할 수 있는 방법이다. 번들러를 사용하면 소스코드를 모듈별로 작성가능하고 모듈, 라이브러리의 의존성을 관리 할 수 있다. 번들러 중 webpack 을 이용하여 번들링 할 수 있다.

자바스크립트 코드는 파일별로 작성하고 사용할 수 있으나 \<script> 태그로 각 파일을 가져오면 결국 하나의 파일처럼 작동되어 가져오는 순서 및 의존성관리에 신경을 써야한다. 이런 문제를 해결하기 위해 모듈단위 개발 방식이 등장하였으나 브라우저에서는 스코프를 공유하기 때문에 직접 신경을 써야한다. 그러다 번들러가 등장하면서 이런 문제를 해결하고 있다.

번들러는 의존성있는 모듈코드를 하나 또는 여러개로 만들어주는 도구이다. 크롬에서는 ES6 Module을 지원하나 다른곳에선 바로 실행이 불가능하므로 코드를 분석하고 JS모듈 스펙에따라 새로운 코드로 가공이 필요하다. 번들러가 여러 종류가 있지만 압도적으로 webpack이 가장 많이 쓰인다.

* [webpack 설정](undefined/webpack)
