babel
바벨 프리셋
바벨 6은 처리할 수 있는 변환의 종류를 프리셋(preset)으로 나눴다.
개발자는 사용할 프리셋을 지정하여 바벨이 처리할 변환의 종류를 명확히 정의 할 수 있다.
- babel-preset-es2015
- ES2015(ES6)를 ES5로 컴파일 한다.
- babel-preset-es2016
- ES2016을 ES2015로 컴파일 한다.
- babel-preset-es2017
- ES2016을 ES2016으로 컴파일 한다.
- babel-preset-env
- ES2015, ES2016, ES2017 -> ES5
- 앞의 세 프리셋을 합친 것
- babel-preset-react
- JSX를 React.createElement 호출로 변경해준다.
ECMAScript 수용단계를 정할 수 있다.
- Strawman(실험단계): babel-preset-stage-0
- Proposal(제안): babel-preset-stage-1
- Draft(초안): babel-preset-stage-2
- Candidate(후보): babel-preset-stage-3
install
1
$ npm install --global babel-cli babel-preset-2015
using
- options
- -o: file out
- -w: watch
- -d: directory
- –compact=true: code compact
- –source-maps: source map, {filename}.map file created
1
$ babel test.js -o test.out.js
2
$ babel src -d dest
3
src/a.js -> dest/a.js
4
src/b.js -> dest/b.js