웹팩이 모든 자원을 모듈로 관리함으로써 얻을 수 있는 이점

웹팩은 오픈소스 자바스크립트 모듈 번들러이다.

모듈 번들러라고 함은, 웹 어플리케이션을 구성하는 자원 모두를 각각의 모듈로 보고, 그것을 조합해서 하나의 결과물을 만드는 것이다.

모듈은 일반적으로 관련된 데이터와 함수들을 묶어 파일 단위로 나누는 것을 뜻한다.

자바스크립트 초창기에는 html의 코드의 script 태그에 자바스크립트를 선언하여, 선언하는 외부 자바스크립트들의 변수명과 함수명이 재정의 되기도 하고, 순서에 다라 로직이 달라지고, 1개의 script 파일에서 에러가 나면, 어플리케이션이 멈춰버리는 현상이 있었다.

이런 모듈 시스템이 도입됨으로써 기능 별로 파일을 나눌 수 있게 되고, 서로의 스코프를 침범하지 않게 되어 위 문제들을 해결 할 수 있었다.

웹팩도 그렇다.
웹팩도 모든 자원을 모듈로 취급하여 상호간의 스코프 침범을 막을 수 있고,
자바스크립트를 통해서 모든 자원에 대한 전처리가 가능하여 개발 비용을 줄일 수 있다.