[POLYFILL] 리액트 IE11에서 실행하기

안녕하세요! 프뚜입니다.

 

IE11이 종료 되었지만, 폐쇄망인 공간은 사용하고 있습니다.. (빨리 바꿔줘...ㅠㅠ) 리액트에서 IE11를 사용할 수 있게 react-app-polyfill 설치 및 세팅에 대해 포스팅합니다.

---

[개발 환경]

- OS: Windows 10 64Bit

- React: 18.2.0

---

#  react-app-polyfill 설치하기

# 2023.01.31[프뚜]: npm
npm install react-app-polyfill
 
 # 2023.01.31[프뚜]: yarn
yarn add react-app-polyfill

---

# package.json 설정 추가하기

{
  ...
  "browserslist": {
    ...
    "development": [
      "ie 11",
      ...
    ],
	...
  },
  ...
}

"browserslist" > "development" > "ie 11"를 추가합니다.

---

# index.js에 polyfill import 하기

import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
...

---

# IE 11 테스트하기

IE 11에서 정상적으로 출력됩니다.

---