Compatibility

호환성 처리는 문법 변환과 기능 보완을 나눠 본다

Babel은 브라우저가 읽을 수 있는 코드 형태로 바꾸고, Polyfill은 없는 API를 실행 시점에 채웁니다.

Babel

Syntax 변환

입력

화살표 함수, class, JSX, async 문법

출력

타겟 브라우저가 해석 가능한 JavaScript

Polyfill

API 보완

대상

Promise, fetch, includes, Map 같은 기능

결과

런타임 오류를 줄이고 실제 기능을 제공

1 타겟browserslist 정의
2 프리셋preset-env 적용
3 사용량usage 기반 삽입
4 배포필요한 코드만 포함
핵심 판단

문법 오류는 Babel, 없는 기능은 Polyfill로 분리해 확인합니다.