babel 사용하기

https://babeljs.io/docs/en/usage

Babel · The compiler for next generation JavaScript

 

아래의 command로 babel package를 설치 :

 

npm install --save-dev @babel/core @babel/cli @babel/preset-env
npm install --save @babel/polyfill

 

 

babal.config.json 의 이름으로 config파일을 생성 (프로젝트 root에 생성)

 

{
  "presets": [
    [
      "@babel/env",
      {
        "targets": {
          "edge": "17",
          "firefox": "60",
          "chrome": "67",
          "safari": "11.1",
        },
        "useBuiltIns": "usage",
      }
    ]
  ]
}

 

위의 브라우저 리스트는 그냥 임의적 예시일 뿐, 원하는 브라우저를 세팅하도록

 

그리고 아래의 command로 src 경로의 모든 코드를 lib로 컴파일 하자

 

./node_modules/.bin/babel src --out-dir lib