2. Webpack

2.1 Webpack 이란?

• 의존 관계에 있는 모듈들을 하나의 자바스크립트 파일로 번들링 하는 모듈 번들러

• 별도의 모듈 로더가 필요없어짐

• 하나의 파일로 번들링함으로 다수의 스크립트 파일을 로드할 필요 없어짐

• Webpack으로 파일 번들링 전에 babel 을 이용해서 ES6+ 코드를 ES5코드로 트랜스파일링 작업 필요

용어 정리

• Babel: 트랜스파일러(transpiler)
• Webpack: 모듈번들러(module bundler)
• CLI: Command Line Interface

참고 자료

• Babel과 Webpack을 이용한 ES6 환경 구축: https://poiemaweb.com/es6-babel-webpack-2