바벨은 일반적으로는 컴파일 타임에 실행되어 모든 js 코드들을 트랜스파일링 해준다. 하지만 babel-polyfill
은 런-타임에 실행된다.
바벨을 실행하기 위해 필요한 것
@babel/core
: 바벨의 핵심적인 기능@babel/cli
: 터미널로 바벨을 사용preset
: 이미 변환 할것들이 들어가있는 패키지 같은것 (플러그인의 집합체)npm i @babel/core
npm i @babel/cli
npm i @babel/plugin-transform-block=scoping
npx babel app.js --plugins <바벨 플러그인> --plugins <바벨 플러그인>
명령어가 지속적으로 길어지기 때문에, 따로 설정파일로 추출해서 사용을 할 수 있다. babel.config.js
module.exports = {
plugins : [
"@babel/plugin-transform-block=scoping"
]
}
수많은 플러그인들이 필요하기 때문에, 여러가지 플러그인을 세트로 모아놓은 것은 preset이 필요하다.