Webpack은 여러 개의 JavaScript 파일들을 하나의 파일로 묶어주는 모듈 Bundler입니다. 기존에 JavaScript 파일이 각각 분리되어 있는 경우 HTML에 Import 하는 과정에서 Script 태그를 이용해 Dependency 관리가 매우 어렵다는 단점이 있습니다. 또한 스크립트 파일끼리 데이터 교환도 전역 변수를 사용해야하는 등 여러 제약 사항이 많습니다.
그렇다고 하나의 JavaScript 파일에 모든 JavaScript 소스를 합치면 코드가 몇 천 줄이 넘어가기 때문에 개발할 때 유지보수가 매우 어렵다는 단점이 있습니다.
하지만 Webpack을 사용하게 되면 이러한 단점들을 극복이 가능하며, 각종 플러그인이나 최신 문법 등 개발할 때 유용한 기능들을 다양하게 사용할 수 있습니다.
WEB Programmer