Babel은 ECMAScript 2015+ 코드를 이전 JavaScript 엔진에서 실행할 수 있는
이전 버전과 호환되는 JavaScript 버전으로 변환하는 데 주로 사용되는 무료 오픈 소스
JavaScript 트랜스컴파일러입니다.
요약: 최신 버전으로 코딩하고 그것을 구형 문법으로 변환시키는데 도움을 준다.
$ npm i -D @babel/core @babel/preset-env
// package.json
// postcss 에서 참고했던 부분과 같이 참고해서 변환해준다.
"browserslist": [
"last 2 version",
"> 1%"
]
// babel 의 기본 옵션 으로는 async 와 await 을 지원해 주지 않는다.
async function test() {
const promise = Promise.resolve(123);
console.log(await promise);
}
test();
// plugin 을 설치 해 준다.
$ npm i -D @babel/plugin-transform-runtime
// .babelrc.js
module.exports = {
presets: ['@babel/preset-env'],
plugins: [['@babel/plugin-transform-runtime']],
};