react項目兼容ie瀏覽器配置

使用create-react-app生成的項目

1.安裝react-app-polyfill和core-js

npm install react-app-polyfill core-js

2.在index.js中引入

import 'core-js/es'  
import 'react-app-polyfill/ie9'  
import 'react-app-polyfill/stable'

3.修改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"
    ]
  },

4.如果沒有效果刪除node_modules文件夾重新下載
5.如果還不行，可能是沒有設置ie文檔模式的原因，在index.html中添加

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

不是使用create-react-app創建的項目

無需配置react-app-polyfill和package.json，其他的同上