바벨 cli의 기본적 사용

Basic usage with CLI

너가 필요하게 될 모든 바벨의 모듈은 @babel의 스코르(@babel/뭐시기를 말하는 듯 )로 npm 패키지로 발행되었다. 이 모듈은 각각의 특정 사용 케이스에 의해 설계된 다양한 툴을 염두하여 디자인되었다.

Core Library

바벨의 코어기능은 @babel/core 모듈에 있다. 

 

npm install --save-dev @babel/core

 

 

자바스크립트 파일 내에서 요로케 바로 호출할 수 있다.

const babel = require("@babel/core"); 
babel.transform("code", optionsObject);

 

그리고 아마 너는 인터페이스로서 @babel/core을 제공하고 개발프롤세스를 통합시키는 다른 툴을 설치하기를 원하게 될거야. 그렇다면 계속 확인해보자구~!

 

CLI tool

@babel/cli는 터미널에서 바벨을 사용하기 위한 툴이다. 요롤케 설치하자

 

npm install --save-dev @babel/core @babel/cli

./node_modules/.bin/babel src --out-dir lib

 

 

이런 src폴더 내부의 모든 js파일을 분석하고 울리가 하라는대로 변화를 적용할거다. 글리고 각 파일을 lib경로로 출력할거다.  우리가 아직 어떻게 변신해서 적용하라고 명령하지 않았다면 출력코드는 input과 동일할거다. (정확한 코드 서타일은 보존되지 않음) 원하는 변형을 옵션을 지정해서 명시할 수 있다. 우리는 사용했다 --out-dir옵션을 위에서 사용했다. 그리고 --help로 cli툴에서 사용할 수 있는 나머지 옵션 볼 수 있다. 하지만 가장 중요한건 --plugins와 --presets가 아닐ㄲㅏㅇ ㅕ ...?