Babel

babel

JavaScript 컴파일러

최신 버전의 JavaScript 코드를 이전 버전의 JavaScript로 변환하는 도구

 

• 최신 JavaScript 문법을 사용하면서도 구형 브라우저나 환경에서 코드가 동작할 수 있게 함
• 아직 제안 단계에 있는 JavaScript 기능을 현재 사용할 수 있게 해줌
• 크로스 브라우저 호환성 보장
• 최신 JavaScript 기능을 안전하게 사용 가능
• 코드의 가독성과 유지보수성 향상

 

npm i -D @babel/core @babel/preset-env @babel/plugin-transform-runtime

개발 의존성으로 패키지 설치

 

 

프로젝트 루트에 .babelrc.js 파일 생성

바벨이 동작할 수 있는 내용 작성하기

 

webpack.config.js 파일 설정

babel-loader : 웹팩이 해석하려면 필요한 중간에 매개체 역할로 필요한 패키지

 

npm i -D babel-loader

babel loader 설치하면 babel 구성 끝