이 기사는 Babel6.x의 설치 프로세스를 소개합니다. 우선 Babel을 사용하여 온라인 https://babeljs.io/repl/를 변환 할 수 있습니다.
그런 다음 주제를 입력하십시오 : Babel 설치 (Babel6.x 버전의 경우 명령 행 환경)
1. 먼저 Babel-Cli 설치 (터미널에서 Babel을 사용하는 데 사용)
npm install -g babel -cli
2. 그런 다음 Babel-Preset-ES2015 플러그인을 설치하십시오
NPM 설치 -Save Babel-Preset-ES2015
참고 : BABEL5 버전에는 기본적으로 다양한 변환 플러그인이 포함되어 있지만 Babel6.x 관련 변환 플러그인은 Transform-ES2015-Arrow-Funtions, Transform-ES2015 클래스 등과 같은 직접 다운로드해야하며 ES2015 사전 설정에는 모든 플러그인이 포함되어 있습니다. 플러그인이 설치되지 않으면 명령 줄에서 변환하면 영향을 미치지 않습니다!
그 중에서 -save 매개 변수는 package.json 파일을 자동으로 업데이트하고 종속성에 씁니다.
3. 명령 줄에 입력하십시오.
Babel ES6.JS -Presets ES2015
산출:
"엄격한 사용"; [1, 2, 3] .map (function (x) {return x * x;});참고 : 다음 매개 변수 -프레셋 ES2015는 컴파일 에이 플러그인을 사용하는 것을 의미합니다. Upconversion을 쓰지 않으면 효과가 없습니다.
4. 플러그인 구성
이 매개 변수를 매번 작성하는 것은 매우 번거 롭습니다. 현재 디렉토리에서 새 구성 파일을 만들 수 있습니다.
그러나 Windows 시스템에서는 파일 이름이없는 파일 작성을 위해 직접 마우스 오른쪽 버튼을 클릭 할 수 없습니다. CMD 명령 행 : 현재 폴더에서 CMD를 열고 A Type A 명령을 통해 만들 수 있습니다.
nul> .babelrc를 입력하십시오
현재 디렉토리에서 file.babelrc를 작성한 다음 파일에 쓸 수 있습니다.
{ "사전 설정": [ 'ES2015']}그런 다음 명령 줄에서 babel es6.js를 직접 사용하여 사용 된 플러그인을 나타내는 매개 변수를 추가하지 않고 변환 할 수 있습니다.
.babelrc 파일을 작성하는 것 외에도 package.json에서 구성하고 다음 속성을 추가 할 수도 있습니다.
"babel": { "사전 설정": [ "ES2015"]}바벨 공통 명령으로 첨부 :
1. es6.js 파일을 변환하고 현재 명명 된 라인 프로그램 창에서 출력
바벨 ES6.JS
2. es6.js를 변환하고 es5.js 파일로 출력하십시오 (-o 또는 -out -file 사용)
Babel es6.js -o es5.js
Babel ES6.js-- 파일 ES5.JS
3. 실시간 모니터링 ES6.JS는 변경 사항이있는 즉시 다시 컴파일됩니다 (-w 또는 -watch 사용)
babel es6.js -w -file -file es5.js
Babel ES6.JS-Watch-Out-File ES5.JS
4. 전체 SRC 폴더를 컴파일하여 LIB 폴더로 출력하십시오 (-d 또는 -out -dir 사용)
바벨 SRC -D LIB
Babel SRC-Out-Dir Lib
5. 전체 SRC 폴더를 컴파일하여 파일로 출력하십시오.
Babel SRC--out-file es5.js
6. Babel-Node 명령을 직접 입력하면 명령 줄에서 직접 ES6 코드를 실행할 수 있습니다.
바벨-노드
위는 편집자가 귀하에게 소개 한 JavaScript의 ES6 Babel의 올바른 설치 프로세스입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!