1. 프로젝트 폴더에 필요한 의존성을 설치합니다.

npm install --save-dev @babel/core @babel/preset-env

1. .babelrc 파일을 프로젝트 폴더에 생성합니다.

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

1. 프로젝트의 엔트리 포인트 파일 (일반적으로 index.js라고 불림) 최상단에 아래와 같이 import를 추가합니다.

import '@babel/polyfill';

1. package.json 파일의 scripts 섹션에 빌드 명령어를 추가합니다.

{
  "scripts": {
    "build": "parcel build index.html"
  }
}

1. 빌드 명령어를 실행하여 번들링합니다.

npm run build

이제 Parcel은 Babel을 사용하여 자바스크립트 파일을 트랜스파일합니다. 만약 추가적인 Babel 설정이 필요하다면 .babelrc 파일에 설정을 추가하면 됩니다.

참고 문서:

• Parcel 공식 문서 - Babel 지원
• Babel 공식 문서