nodeJS 로 하여 금 ES6 의 품사 인-babel 의 설치 와 사용 방법 을 지원 하 게 합 니 다.
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
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
세계에서 가장 간단한 서버 측 노드로 ES6을 시작하는 방법서버 측 node는 commonjs로 작성되는 경우가 많네요. 프런트 엔드 사람은 commonjs를 보면 ES6가 사용하고 싶어서 어쩔 수 없게됩니다. commonjs도 훌륭하지만 모처럼이므로 익숙한 ES6에서 개발...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.