Babel 설치

범위

#2.3 The Tower of Babel

---

 

express 사용하려면 이렇게 작성해야한다

그리고 app 만들기 // 설명은 나중에~

---

Babel

Babel은 자바스크립트 컴파일러다

nodeJS는 우리가 작성한 자바스크립트를 이해할것임

그러나 아직 nodeJS가 이해하지 못하는 최신 자바스크립트 코드가 있음

 

option 1

nodeJS가 이해하는 자바스크립트만 쓴다

option 2

아니면 babel을 사용

babel은 우리가 작성한 최신 자바스크립트를 컴파일 해줌

 

npm install --save-dev @babel/core

설치!

package.json에 설치된게 찍힘

package.json은 text파일이기에 이렇게 옮겨도 상관없음

 

dependencies

프로젝트를 실행하기 필요한 dependencies

자동차를 굴러가게 만들 때 가솔린이나 전기가 필요한 것과 같음

devDependencies

개발자에게 필요한 dependencies

내가 운전을 더 잘하려면 음악이 있어야 하는 것과 같음 (ㅋ)

 

--save-dev가 있어야 devDependencies로 설치됨

--save-dev 안써도 문제없음

그냥 이렇게 옮겨주면 됨

touch babel.config.json

파일 만들어주기

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

이거 적어주기

npm install @babel/preset-env --save-dev

그다음 이것도 설치

꼭 package.json 파일을 닫거나 저장되어 있는지 확인하기

preset은 babel을 위한 엄청 거대한 플러그인이다

특히 preset-env가 가장 유명함.

왜냐하면 smart preset이기 때문