더북(TheBook)

6. 바벨은 고도로 모듈화되어 있다. 설치했지만 아직 아무 작업도 하지 않았다. 이 예에서는 프리셋 중 하나를 사용하여 프리셋을 설치 및 구성하여 ES2015 코드를 ES5 코드로 변환하도록 지시한다. 프리셋을 설치하려면 다음을 입력한다.

npm install --save-dev babel-preset-env

다음 단계에서 설정을 하겠다.

7. 이제 바벨에 대한 구성 파일인 .babelrc를 만들어야 한다(파일 이름 맨 앞의 점 주의). 다음 내용으로 파일을 생성하자(또는 다운로드한 파일을 사용하자).

{
    "presets": [ 
        [
            "env", 
            {
                "targets": { 
                    "ie": "11" 
                } 
            }
        ] 
    ] 
} 

이 설정은 바벨의 구문 변환을 세부적으로 관리하지 않고 최신 자바스크립트를 사용할 수 있는 스마트 프리셋인 env 프리셋을 사용하도록 지시한다. 이때 목표 환경에 명시해야 한다. 이 구성에서 목표 ie": "11"을 설정하면 다음 예에 적합한 IE11을 대상으로 한다는 것을 env 설정에 알린다. 실제 사용할 env 프리셋25 및(또는) 대신 사용할 수 있는 기타 프리셋 또는 플러그인에 대한 설명서를 참조할 수 있다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.