[javascript] Parcel에서 Babel을 사용하는 방법은?
- 프로젝트 폴더에 필요한 의존성을 설치합니다.
npm install --save-dev @babel/core @babel/preset-env
- .babelrc 파일을 프로젝트 폴더에 생성합니다.
{
"presets": ["@babel/preset-env"]
}
- 프로젝트의 엔트리 포인트 파일 (일반적으로 index.js라고 불림) 최상단에 아래와 같이 import를 추가합니다.
import '@babel/polyfill';
- package.json 파일의 scripts 섹션에 빌드 명령어를 추가합니다.
{
"scripts": {
"build": "parcel build index.html"
}
}
- 빌드 명령어를 실행하여 번들링합니다.
npm run build
이제 Parcel은 Babel을 사용하여 자바스크립트 파일을 트랜스파일합니다. 만약 추가적인 Babel 설정이 필요하다면 .babelrc 파일에 설정을 추가하면 됩니다.
참고 문서: