webpack이란? (why -> what -> how)

[why]

webpack이란?

모던 자바스크립트를 위한 정적 모듈 번들러이다.

번들러(bundler)란?

앞으로 갈수록 웹페이지의 퀄리티도 좋아진 만큼 코드의 양도 방대해진다. 그럼에 따라 사용하는 라이브러리 패키지들이 많아지며, 같은 이름을 쓰게 될 수 있어서 웹 어플리케이션이 깨지는 상황이 올 수 있다. 이를 방지하기 위해 "번들러(bundler)"라는 것이 생겼다. 번들러(bundler)는 여러 자바스크립트 파일들을 하나의 모듈로 만들게 해주는 최적화 개발도구이다.
ex) export/import 방식

사용하는 이유

1. 자바스크립트 모듈의 필요성

2. 웹 개발 작업 자동화 도구 (Web Task Manager)

3. 웹의 빠른 로딩 속도와 높은 성능

[what]

webpack의 요소

1. Entry

2. Output

3. Loader

4. Plugin

5. Mode

[how]

1. 자바스크립트 변수 유효 범위 문제 해결
2. 브라우저별 HTTP 요청 숫자의 제약 
3. 사용하지 않는 코드의 관리
4. Dynamic Loading 및 Lazy Loading 미지원 문제 해결

(수정중..)