react-app-polyfill

React를 IE 같은 구형 브라우저에도 호환될 수 있도록 해주는 라이브러리.

 

Babel로는 트랜스퍼 할 수 없는 기술들이 나옴.(ex) Promise, Map, Set, Symbol, Object.assign, Array.from)

 

1. 패키지 설치

npm install react-app-polyfill

2. 사용법

(최상단에 위치해아함!)

 

- index.js

//IE9의 경우
import 'react-app-polyfill/ie9';
import 'react-app-polyfill/stable'; 

//IE11의 경우
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';

 

- package.json

"browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all",
      "ie 9" //IE 버전
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version",
      "ie 9" //IE 버전
    ]
  }