1.5.1 바벨로 트랜스파일하는 예
이 절에서는 바벨을 사용하여 화살표 함수(arrow function)라고 하는 ES2015 기능을 사용하는 코드를 IE11에서 작동하는 ES5 호환 코드로 변환하는 방법을 간략하게 살펴보겠다. 그러나 이것은 단지 예일 뿐이다. 바벨을 사용하여 아직 자바스크립트 엔진에 없는 3단계 기능을 사용하여 코드를 ES2020 호환 코드로 쉽게 변환할 수 있다. 바벨은 JSX23(일부 자바스크립트 프레임워크, 특히 리액트(React)24에서 사용됨)와 같이 전혀 표준 제정 과정에 없는 일부 변환도 지원한다. 진정으로 모험을 즐기는 사람들은 프로젝트에 사용하려고 자신만의 변형 플러그인을 작성할 수 있다!
바벨을 설치하려면 노드제이에스와 npm(노드 패키지 관리자)이 필요하다. 시스템에 아직 설치하지 않았다면 다음 중 하나를 수행한다.
• https://nodejs.org/로 이동하여 시스템에 적합한 설치 프로그램/패키지를 사용하여 설치한다.
• Node 버전을 설치하고 전환하는 편리한 방법을 제공하는 Node Version Manager를 사용한다(https://github.com/nvm-sh/nvm).
npm은 노드제이에스와 함께 제공되므로 별도로 설치하지 않는다.