Babel 설치

Babel이란?

최신 자바 스크립트를 여러 브라우저에 하위 호환시키기 위한 용도로 많이 쓰인다.

 

* 하지만 Typescript 기반 프로젝트의 경우 tsconfig.json의 target = 'es5'로 설정 할 경우 코드의 하위 호환이 되므로 굳이 바벨을 써야 할지 의문의 생기기도 한다. 라이트함을 추구하는 나로서는 그냥 Babel를 쓰지 않기로 결심함.

 

http://babeljs.io 

Babel · The compiler for next generation JavaScript

설치

어디서든 사용 가능하도록 전역으로 설치 한다.

# npm install @babel/node @babel/core -g

 

로컬로 환경 패키지를 설치한다.

# yarn add @babel/preset-env --save

 

Babel 설정 파일 추가

Node.js에 설치 후 동작할 폴더에 .babelrc 파일을 다음과 같이 추가한다.

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

 

패키지 설정 변경

package.json 파일에서 start 설정을 node index.js가 아닌 babel-node index.js로 변경한다.

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