Vue.js 와 같이 애플리케이션을 CLI로 사용하여 프로젝트 생성하면 자연스럽게 설치되는 모듈 번들러 입니다.
ㅡ. 모듈 번들러란?
여러개의 파일을 하나의 파일로 묶어주는 라이브러리를 말합니다. 종속성을 파악해서 서로 엮어 있는 파일을 하나의 파일로 묶어주는 역할을 수행합니다.
ㅡ. webpack을 사용하는 이유
1. 네트워크 병목현상 해결
2. 모듈 단위로 개발 가능
3. es6 버전 이상의 스크립트를 사용할 수 있습니다.
ㅡ. 오래된 브라우저에서도 es6버전 이상의 자바스크립트 문법 사용이 가능해집니다.
ㅡ. webpack 컨셉
1. Entry
ㅡ. 종속성 그래프의 시작점을 의미합니다.
2. Output
ㅡ. 번들을 저장할 위치를 지정할 수 있습니다.
3. Loader
ㅡ. webpack이 이해할 수 있는 모듈로 변경해주는 역할을 수행합니다. e,g)이미지
4. Plugins
ㅡ. 번들된 파일을 처리합니다.
5. mode
ㅡ. 기본 production