Webpack

WEBPACK

module bundler이다. CommonJS와 AMD 스펙 모두 지원한다.

Why?

많은 javscript 라이브러리들을 각각 추가해주어야 하는 불편함을 없애고, entry point부터 분석해서 의존되는 모듈을 쉽게 추가할 수 있다.

장점

파일 분할 기능

다양한 loader 사용 가능

Module loader

모듈을 입력받아서 다른 형태로 수정한 후에 javascript로 변환한다.

[예시]

• jsx -> js

• ES6 문법 코드 -> ES5 문법 코드

Plugin

주로 번들된 결과에 대한 후속 처리를 담당한다.

loader처럼 모듈의 내용을 수정 가능하다.

[예시]

• html에 bundle.js를 추가

• Dist 디렉토리 clear, bundle 파일 압축