React 项目兼容低版本浏览器

兼容低版本浏览器真的是让人头大，不过现在好在有框架鱼插件的运用，让我们轻松的兼容低版本浏览器，本文中以 DvaJS Cli 举例

下载 react-app-polyfill 和 core-js 插件

npm install react-app-polyfill core-js --save

使用插件

在 ./src/index.js 的最上方引入插件

import 'core-js/es'  
import 'react-app-polyfill/ie9'  // 引入兼容的版本，一般ie9就可以了
import 'react-app-polyfill/stable'

配置兼容性

在 .webpackrc 中配置 browserslist

{
	// ...
	  "browserslist": [
	    "last 2 versions",
	    "ie > 9" // 设置兼容的版本
	  ]
  // ...
}

这样就可以兼容低版本的浏览器了，如果说还有有报错的内容需要看看报错的信息进行进一步的适配。