Webpack

웹팩은 가장 대중적인 모듈 번들러이다. 여기서 번들러(bundler)는 무엇인가? 번들러의 탄생 배경 초기의 웹 페이지와 달리, 발전하며 큰 규모의 웹 서비스들이 생기면서 JS파일을 관리하기가 어려워졌다. - 많은 자바스크립트 파일로 인한 느린 로딩 - 전연 범위를 갖는 많은 자바스크립트 파일의 중복 선언 - 수동적인 웹 개발 루틴 작업(파일, 이미지 압축/CSS 전처리기 변환 등) 이를 해결하기 위해 번들러가 나오게 되었다! 번들러의 장점 - 모듈 단위의 코드 작성 - 네트워크 병목 완화(최적화) - 웹 개발 작업을 자동화 그렇다면 모듈 번들러(module bundler)는 무엇인가? HTML, CSS, JavaScript, images, Font 등을 하나하나 모두 모듈이다. 모듈 번들러는 아래와 같..