Webpack 이란

Webpack 은 웹에서 사용되는 모든 자원(assets)을 번들링 해주는 도구이다. 번들링의 개념은 여러 개의 파일 중에 종속성이 존재하는 파일을 하나의 파일로 묶어 패키징을 시키는 과정을 의미한다.

1번 파일에서 2번 파일에 있는 함수를 호출해야할 경우 스크립트를 불러오는 순서를 2번 파일을 제일 상단에 올려놓고, 1번 파일을 그 다음에 불러와지도록 선언을 했는데 이제는 모듈이라는 개념을 사용해 1번 파일에서 2번 파일을 불러오기만 하면된다.

번들링을 함으로써 파일은 하나로 합쳐지고, 네트워킹 요청횟수는 줄어들게 된다. 그리고 중복된 소스코드도 최소화하고 모듈 개념을 사용하기 때문에 글로벌이 오염되지도 않는다.

그리고 웹팩을 사용하면 자바스크립트 간의 종속성 뿐만 아니라 자바스크립트 내에서 필요한 css나 img와 같은 파일(.css, .jpg)도 번들링해서 하나의 파일로 합쳐줘서 네트워크 요청을 최소화시킬 수 있다.