ES6를 사용하고 싶은데 브라우저는 이를 인식하지 못한다. 따라서 ES6를 옛날 자바스크립트로 바꿔줄 수 있는 도구가 필요하다.
Babel intro
왼쪽이 ES6로 작성한 코드이고 오른쪽이 babel이 변환한 코드이다.
설치해야 할 요소들
- @babel/core : local configuration 파일을 사용하도록 만든다.
- @babel/preset-env : 가장 최신이고 안정적인 preset. 다른 preset 써도 됨.
- @babel/node : ES6 문법을 node로 실행하도록 도와줌.
이 3가지를 설치해야 babel을 사용할 수 있다.
사용방법
npx babel-node src/init.js"scripts": {"start":babel-node src/init.js}: node start
