Webpack으로 자바스크립트 모듈관리 하기

이 글은 자바스크립트의 모듈 및 의존성 관리의 필요성과 Webpack을 소개합니다. 과거에는 스크립트 태그 순서와 네임스페이스를 이용한 수동 관리가 프로젝트 규모가 커질수록 문제를 야기했습니다.

이후 AMD(RequireJS)와 CommonJS(Browserify) 방식이 등장했지만, AMD는 모듈 수가 많아질수록 관리가 어렵고 CommonJS는 NodeJS 환경에 맞춰져 있었습니다. Webpack은 AMD와 CommonJS를 모두 지원하며, 변경된 부분만 번들링하는 캐싱 방식으로 속도가 빠르고 테스트 도구와의 연동성이 좋습니다.

이러한 장점들로 인해 Webpack은 새로운 프로젝트뿐만 아니라 기존 프로젝트에도 도입될 가치가 있는 도구로 소개됩니다.