Webpack 정리

Webpack Webpack은 의존 관계에 있는 모듈들을 하나의 자바스크립트 파일로 번들링하는 모듈 번들러이다. 자바스크립트 파일 뿐만 아니라 CSS, Image 등도 전부 모듈로 관리하는데, Webpack은 자바스크립트 밖에 모르기 때문에 loader를 사용하여 CSS나 Image 파일들을 Webpack이 이해할 수 있도록 변경해주어야 한다. 번들링 여러 개의 파일 중 종속성이 존재하는 파일들을 하나의 파일로 묶어 패키징 시키는 과정을 의미한다. 번들링이 필요한 이유 1. 네트워크 병목을 줄여준다. HTML 파일 내에서 태그를 사용하여 자바스크립트 파일을 실행할 수 있는데, 이러한 자바스크립트 파일을 많이 작성하게 된다면 네트워크 병목 현상을 야기할 수 있다. 이를 해결하기 위해 하나의 자바스크립트 파..