Babel 설치

npm을 이용해 babel을 설치할 수 있습니다.

babel-core는 babel compiler의 핵심 기능을 하는

npm install babel-core babel-preset-env babel-loader --save-dev

Webpack의 loader는 여러 종류의 파일을 불러와 전처리를 해줍니다. 예를들어, Sass 코드를 css로, ES6를 ES5로 변경해줍니다. 그리고 여기서 ES6를 ES5로 변환하기 위해서 babel-loader가 필요합니다.

ES6에서 ES5로 변환할 수 없는 것들이 있습니다. 예로 Promises나 Array.from 등이 있습니다. 이 경우를 대비해 polyfill을 추가해야 하며, 아래와 같이 babel-polyfill을 설치할 수 있습니다.