Babel은 최신 JavaScript 문법을 이전 버전의 JavaScript 문법으로 변환해주는 도구입니다. 이를 사용하기 위해서는 프로젝트의 루트 디렉토리에 .babelrc라는 이름의 파일을 생성하고 다음과 같이 설정을 작성해야 합니다.

{
  "presets": [
    "@babel/preset-env"
  ]
}

위의 예제에서는 "@babel/preset-env"라는 프리셋을 사용하고 있습니다. 이 프리셋은 프로젝트의 타겟 환경에 따라 필요한 Babel 플러그인을 자동으로 설정해줍니다. 따라서 대부분의 경우 이 프리셋을 사용하는 것이 가장 간편합니다.

또한, 사용하고자 하는 Babel 플러그인이 있다면 plugins 섹션에 해당 플러그인을 추가할 수 있습니다. 예를 들어, 다음과 같이 "@babel/plugin-transform-arrow-functions" 플러그인을 추가하고 싶다면 설정 파일을 아래와 같이 수정할 수 있습니다.

{
  "presets": [
    "@babel/preset-env"
  ],
  "plugins": [
    "@babel/plugin-transform-arrow-functions"
  ]
}

이제 .babelrc 파일을 작성하고 필요한 Babel 플러그인을 설정한 후, Babel을 사용하여 JavaScript 파일을 변환할 수 있습니다.

참고 문서: Babel 공식 문서