nodeJS 로 하여 금 ES6 의 품사 인-babel 의 설치 와 사용 방법 을 지원 하 게 합 니 다.

2134 단어 babel쓰다
Babel 을 사용 하려 면 nodeJS 의 환경 과 npm 가 필요 합 니 다.주로 nodeJS 가 설치 되 어 있 습 니 다.npm 는 기본적으로 설치 되 어 있 습 니 다.지금 은 nodeJS 를 설치 하 는 것 이 간단 합 니 다.직접 다운로드 하여 설치 하면 됩 니 다.
es-checker 설치
Babel 을 사용 하기 전에 현재 node 가 es6 에 대한 지원 상황 을 확인 해 야 합 니 다.우 리 는 먼저 es-checker 를 사용 하여 명령 행 에서 실행 합 니 다.
다음 코드 실행

npm -g install es-checker
es-checker 설치 가 끝 난 후에 명령 행 이 실 행 됩 니 다.es-checker,다음 그림 입 니 다.제 node 환경 버 전 은 v 4.4.3 이 고 64%를 지원 합 니 다.

babel 의 설치
그래서 우리 가 babel 을 설치 합 시다.babel 이 있 으 면 더 많은 고급 문법 을 사용 할 수 있 습 니 다!
먼저 작업 디 렉 터 리 를 새로 만 든 다음 package.json 파일 을 만 듭 니 다.내부 내용 은:
다음 코드 실행

{
 "name": "my-project",
 "version": "1.0.0",
 "devDependencies": {
 }
}
그리고 cmd(명령 행)를 열 고 작업 디 렉 터 리 에서 명령 을 실행 하여 babel-cli 를 설치 합 니 다.
다음 코드 실행

npm --save-dev install babel-cli
전역 적 인 babel-cli 를 설치 합 니 다:
다음 코드 실행

npm -g install babel-cli
이 어 작업 디 렉 터 리 에'babelrc'라 는 파일 을 만 듭 니 다.파일 내용 은 다음 과 같 습 니 다.(window 시스템 에서 이 파일 시스템 을 만 드 는 것 에 주의 하 십시오."파일 이름 을 입력 해 야 합 니 다".다른 방법 으로 만 들 수 있 습 니 다.저 는 개발 도구 의 프로젝트 디 렉 터 리 에서 이 파일 을 만 들 었 습 니 다)
다음 코드 실행

 {
  "presets": [
   "es2015"
  ],
  "plugins": []
 }
설치 babel-preset-es 2015
아니면 작업 디 렉 터 리 를 설치 하고 babel-preset-es 2015 를 설치 합 니까?
다음 코드 실행

npm install --save-dev babel-preset-es2015
지금까지 babel 은 설치 가 끝 난 셈 입 니 다.
테스트 es6 코드
test.js 파일 을 만 들 고 8 입력 내용:
다음 코드 실행

let [a,b,c] = [1,2,3];
console.log(a,b,c);
현재 디 렉 터 리 에서 실행:
다음 코드 실행

babel-node test
결 과 는 이 렇 을 것 이다.

node test 를 직접 실행 하면 이상 을 보고 합 니 다:Syntax Error:Unexpected token
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기