Babel
Babel은 ECMAScript 2015+ 코드를 이전 JavaScript 엔진에서 실행할 수 있는 이전 버전과 호환되는 JavaScript 코드로 변환하는 데 주로 사용되는 무료 오픈 소스 JavaScript 트랜스컴파일러이다.
즉, ES6 이전에 사용하던 js버전을 ES6 이후에 추가된 문법을 낮은 버전(EX. ES5)으로 컴파일해주는 녀석이다.
설치 방법
npm init -y
npm init -y = npm initialize -yes
=npm을 기본값으로 초기설정을 한다 - yes
npm init -y 이후 npm install --save-dev @babel/core @babel/cli
npm i -D @babel/core , npm i -D @babel/core.
npm i -D @babel/core = npm install -Dev-dependency @babel/core
~~(babal은 빌드할때만 사용할 것이기때문에 -D(dev dependency에 넣는다라는 뜻)를 꼭 넣어준다)
install을 완료한 이후에
위 사진처럼 .babelrc.js 파일을 만들고 (여기서 rc는 Runtime Configuration의 약어)
module.exports = {
presets: ['@babel/preset-env']
}
그 안에 위에 코드를 작성한다.
코드의 뜻은 매번 JS파일을 실행할때마다 Babel의 옵션을 일일히 주는 것이 귀찮기때문에
한번에 세팅해놓고 그냥 입력할때마다 자동으로 추가되어 실행되도록 만드는 코드이다.
이후 파일명에 따라
$ npx babel test.js이런 식으로 입력하면 ES6 => ES5 이런 식으로 변환되어 나오는 걸 알 수 있다.
