react 兼容 IE9 +

基于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"
        ]
    },
    "devDependencies": {}

一般做到这里 就可以了， 但是有些电脑IE文档模式 默认值是 7，

通过 F12--->仿真--->文档模式 进行查看； 这个时候需要在打包好的 index.html 或者 在 public 文件夹下的 index.html head里 加上一行: