Babel을 커스터마이즈하기 위해선, 플러그인과 프리셋을 사용할 수 있습니다. 플러그인은 Babel의 각각의 기능을 구성하는 작은 단위로 사용되며, 프리셋은 플러그인들의 조합입니다. Babel은 기본적으로 몇 가지 플러그인과 프리셋을 제공하지만, 필요한 경우 이를 커스터마이즈할 수도 있습니다.

플러그인을 추가하려면 .babelrc 파일을 만들고, 아래와 같이 플러그인의 이름을 추가해주면 됩니다.

{
  "plugins": [
    "plugin-name"
  ]
}

여러 플러그인을 사용하려면 배열에 추가하면 됩니다.

프리셋을 사용하려면, .babelrc 파일에 아래와 같이 프리셋의 이름을 추가해주면 됩니다.

{
  "presets": [
    "preset-name"
  ]
}

특정 버전의 플러그인이나 프리셋을 사용하고 싶다면, 버전을 명시할 수도 있습니다.

예를 들어, @babel/preset-env와 @babel/plugin-transform-arrow-functions을 사용하려면 .babelrc 파일에 아래와 같이 추가합니다.

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

플러그인과 프리셋은 npm 등의 패키지 매니저를 통해 설치할 수 있으며, 자세한 정보는 Babel 공식 문서를 참고하시면 됩니다.

• Babel 공식 문서