node.js에서 es6 코드 사용해보기(babel)

Node에서 ES6, 7 코드사용하기 

현재 노드에는 es6코드 일부를 사용할 수 있지만 다는 사용을 못합니다. 그래서 es6의 코드를 사용하기 위해서는 이코드를 es5로 변환시켜 주는 babel을 사용할 필요가 있습니다. 

bable은 아래와 같이 실행시켜줄 때 es6를 es5로 변경해준다. 그래서 사용자는 es6로 코드를 짜도 실제로는 es5로 실행됩니다.  

노드에서 이와같이 사용하는 방법은

터미널에서

1. npm, yarn init를 사용하여 초기화 해줍니다.

npm의 경우 
npm init

yarn의 경우 
yarn init 

그 후 엔터엔터 하면 됩니다. 

2. babel cli와 preset을 다운로드해준다.

yarn의 경우

yarn add babel-cli babel-preset-env --dev

npm의 경우

npm install babel-cli babel-preset-env --save-dev

preset은 옵션이나 플러그인을 설정할 수 있습니다.

3. babelrc 파일을 만들어 준 후 이와같은 텍스트를 적습니다. 

{

"presets": [

"env"

]

}

옵션은 es2015는 es6를 변경시켜주는 것이고  stage0-5는 자바스크립트의 버전이 결정 안되어 있을 때  버전을 고를 수 있게 0-5까지 버전을 고를 수 있다. 그리고 react라고 있는데 react는 jsx로 변환 시켜주는 것입니다. 하지만 이들을 구분하지 않고 env를 사용하면 모두 적용할 수 있습니다. 

4. package.json에 scripts를 수정해줍니다.

"scripts": {

"start": "nodemon --exec babel-node index.js"

},

babel-node는 기존의 node명령어와 같습니다. 

이와 같은 과정 후에 es6의 코드를 사용할 수 있습니다.