CRA(create-react-app), IE대응

create-react-app, 통칭 CRA는 2018년 부터 IE에 대응하지 않는다고 선언했다.

 

실제로 CRA로 만든 프로젝트를 IE에서 실행시키면 화면에 아무것도 노출되지 않는다.

 

대한민국에 사는 우리는 IE에서도 서비스를 해야만한다...

 

 

IE에 대응하는 방법은 의외로 간단하니 알아두자.

 

// 모듈 설치
npm install react-app-polyfill


// index.js - 1번째줄  (반드시 1번째 줄 부터 설정)
import 'react-app-polyfill/ie9'
import 'react-app-polyfill/ie11'
import 'react-app-polyfill/stable'
...


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