바벨은 특정 버전의 ECMAScript 코드를 하위 버전의 ECMAScript로 변환해주는 자바스크립트 컴파일러다. 

대부분의 브라우저가 ES6 문법을 완전히 지원해주지 않기 때문에 ES6문법의 자바스크립트를 사용할 수 없다.

그래서 Babel 을 이용해서 개발은 ES6로 하고 브라우저 트랜스 파일링된 ES5 문법의 JS 파일을 사용하게 하는 식의 구성을 가지게 해야한다.

 

프로젝트에 babel 설치

npm install --save-dev babel-core babel-cli babel-preset-es2015

 

babel-cli 설치 확인

babel version

  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-core": "^6.26.3",
    "babel-preset-es2015": "^6.24.1"
  }

 

babel 문법

ECMAScript 6는 2015년 6월 승인을 목표로 작성되고 있는 새 ECMAScript 표준이다. Prototype 기반의 객체 지향 패턴을 쉽게 사용할 수 있도록 돕는 class의 추가, => 화살표 함수 표현, 템플릿 문자열, generator yield 등 다른 언어에서 편리하게 사용하던 많은 기능들이 추가될 예정이다.

 

 

 

 

+ Recent posts