NodeJS Babel

Babel ?

자바스크립트 컴파일러로 최신 자바스크립트를 표준 자바스크립트로 변환해준다.
이와 같은 컴파일러가 필요한 이유는, ES6을 사용하여 프로젝트를 진행했지만, ES6을 지원하지 않는 브라우저일 경우 작동하지 않는다.
위와 같은 문제를 Babel 패키지를 활용하면 자바스크립트 최신 문법으로 코딩하면, 웹브라우저간 호환을 babel 패키지가 변경해준다.

---

Babel - Node

NodeJS에서 Babel을 실행시키기 위한 것

• @babel/core

• @babel/node

npm install @babel/core @babel/node

 

Babel-preset

• @babel/preset-env

• @babel/preset-flow

• @babel/preset-react

• @babel/preset-typescript

preset에 대한 자세한 설명 : https://babeljs.io/docs/en/presets

 

.babelrc

babel의 config 파일이다.

해당 프로젝트 폴더내에 .babelrc 파일을 생성 후 아래와 같이 입력

{
    "presets" : ["@babel/preset-env"]
}

 

실행

npm-node index.js

위와 같이 실행하는 방법도 있으나 package.json 에서 scripts를 활용하여 편하게 실행 가능하다. 방법은 아래와 같다.

"scripts": {
    "start": "nodemon --exec babel-node index.js"
  },

npm start

---

nodemon은 저장시 자동으로 서버를 재시작 해주는 기능을 가지고 있다. 추가하는 방법은 간단하다.

npm install nodemon -D

-D 는 개발자한테 필요한 것이기 때문. 위와 같이 설치 했을 경우 package.json에 아래와 같이 종속성이 추가된다.

"devDependencies": {
    "nodemon": "^2.0.2"
  }