편리 하고 빠 른 ES6 회전 ES5

본 고 는 npm 와 Babel 6 로 ES6 코드 를 ES5 코드 로 변환 하 는 것 을 소개 한다.다른 도구 로 바벨 에 맞 춰 만 들 면 이곳 을 만 날 수 있다.npm 가 뭔 지 몰라 요?npm 입문 안내 서 를 먼저 확인 하 세 요.
Node 는 자바 스 크 립 트 의 서버 실행 환경 (runtime) 입 니 다.그것 은 ES6 에 대한 지지 도가 더욱 높다.기본 으로 열 리 는 기능 을 제외 하고 일부 문법 기능 은 이미 실현 되 었 으 나 기본 으로 열 리 지 않 았 다.다음 명령 을 사용 하면 Node 가 구현 한 ES6 특성 을 볼 수 있 습 니 다.

$ node --v8-options | grep harmony

완 일 봉 황소 가 쓴 기술 에서 ES - Checker 를 찾 아 각종 운영 환경 이 ES6 에 대한 지원 상황 을 검사 했다.ruanyf. github. io / es - checker 를 방문 하면 브 라 우 저가 ES6 를 지원 하 는 정 도 를 볼 수 있 습 니 다.아래 명령 을 실행 하면 사용 하고 있 는 Node 환경 이 ES6 에 대한 지원 정 도 를 볼 수 있 습 니 다.

$ npm install -g es-checker
$ es-checker

=========================================
Passes 24 feature Dectations
Your runtime supports 57% of ECMAScript 6
=========================================

명령 행 코드 바 벨 - cli 를 사용 하 겠 습 니 다.
Babel 은 명령 행 변환 에 사용 할 바벨 - cli 도 구 를 제공 합 니 다.
설치 명령 은 다음 과 같 습 니 다.

    
npm install --global babel-cli

항목 아래 명령 입력

npm init

돌아 오 는 길 --- package. json 파일 을 만 들 도록 안내 합 니 다 (이름, 버 전, 작성 자 등 정보 포함)
프로젝트 에 babel - cli 를 설치 합 니 다.

npm install --save-dev babel-cli

프로젝트 파일 에 'babelrc' 파일 을 새로 만 들 고 코드 를 복사 해서 파일 에 붙 여 넣 습 니 다.

{
  "presets": [],
  "plugins": []
}

그리고 명령 줄 에 입력 하 십시오.

npm install --save-dev