webpack 打包 react 应用不兼容 IE9 的原因

提到 webpack 真的是对她又爱又恨，爱是因为她确实很棒，提升开发效率等等… 恨是因为版本迭代太快，踩不完的坑…

最近开发的一个小项目需要兼容IE9，react 官方表示是兼容IE9的，只不过需要一些 polyfill 支持。

import 'core-js/es6/map';
import 'core-js/es6/set';
import 'raf/polyfill';
import React from 'react';
import ReactDOM from 'react-dom';

官方说明：传送链接

按要求添加了 polyfill 打包后一定是可以兼容的，可事实并非如此。所以可以猜测应该是其他地方出现问题了。

经过排查发现是由于 webpack-dev-server 的版本过高导致，切换成 "webpack-dev-server": "^2.6.1" 即可，这里需要注意的是降低 webpack-dev-server 版本的同时也需要降低 webpack的版本，我这里使用的是 "webpack": "^3.6.0"

end~