初始化React项目

React的脚手架create-react-app升级到了3.0.1之后，默认在debug模式下不支持IE 11，如果要支持IE11，需要引入第三方依赖包。

>效果预览<

项目初始化

$ npx create-react-app my-app

兼容IE11

1. 安装core-js

$ cd my-app && yarn add core-js

2. 在项目入口引入core-js。

// index.js

import 'core-js';
import React from 'react';
import ReactDOM from 'react-dom';
...

4. 修改package.json，删除development，改成以下的样子

  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ]
  }

在虚拟机/window 子系统开发

在这个环境下，更改文件，网页可能不会刷新。这是要在项目根目录新建.env文件，编辑内容。
如果是在window下开发，请直接忽略这个设置。

//.env
CHOKIDAR_USEPOLLING=true

构建

如果要构建不带.map文件的项目，请运行

GENERATE_SOURCEMAP=false yarn build

//或者在.env文件设置
GENERATE_SOURCEMAP=false

启动项目

$ yarn start

现在可以在业绩毒瘤IE上运行了

如果遇到项目还是无法在IE11上启动，请清除一下IE的缓存，或者删除node_modules文件夹，重新安装一次。

>项目全部代码<