npm install @bable/core @babel/cli @babel/preset-react

@babel/cli

  • 커맨드 라인에서 바벨을 실행할 수 있는 바이너리 파일이 들어있다.

@babel/preset-react

  • JSX로 작성된 코드들을 createElement 함수를 이용한 코드로 변환해 주는 바벨 플러그인이 내장되어 있다.
  • 리액트 애플리케이션을 만들 때 필요한 플러그인들의 집합

preset

바벨은 js 파일을 입력받아 변환하여 결과물 js파일을 출력한다.
자바스크립트 파일을 변환해 주는 작업은 플러그인(plugin) 단위로 이루어진다.
하나의 결과물을 위해 여러개의 플러그인을 활용하여 여러번의 변환과정을 거친다.
이러한 플러그인들의 집합을 preset 이라 칭한다. (ex. 압축관련 플러그인 집합: babel-preset-minify)