create-react-app(自搭)脚手架支持IE9/10/11
create-react-app以及自搭的脚手架支持IE9/10/11
create-react-app做法
- 安装
react-app-polyfill
:yarn add react-app-polyfill
- 入口文件引入polyfill:
import 'react-app-polyfill/ie11' // ie9添加的是:react-app-polyfill/ie9 import 'react-app-polyfill/stable'
- 修改
package.json
:"browserslist": { "production": { // 原来的 // 新增 "ie 11" "ie 11" }, "development": { // 原来的 // 新增 "ie 11" "ie 11" } }
- 删除
node_modules
目录,重新下载所有依赖。
自搭脚手架做法
我自搭的脚手架,只添加了polyfill,其他不变,简单测试了下IE9/10/11,也没什么明显问题,所以不用
create-react-app
脚手架情况下,直接引入 polyfill 是可以的。