Webpack

webpack 이란?

흩어진 static 파일들을 한데 모아 bundle 파일로 만들어주는 모던 JS application이다.

동작방식

webpack이 프로젝트를 build하면서 의존성 graph를 만들고 그에 따라 번들 파일을 만든다.

webpack 핵심 개념

• Entry : build 시작점
• Output : 번들 파일 생성 위치
• Loaders : JS, JSON 이외의 파일을 모듈화해서 JS에서도 사용가능하고, Webpack 의존성 graph에서도 관리되도록 해주는 역할
• Plugins : Webpack 전역 설정 관련

webpack 브라우저 호환성

: ES5 문법을 지원하는 모든 브라우저 (IE8 이하는 미지원)