Set Babel’s IE target from 9 to 11

Author: Daniel Spitzer

scripts/build.js

@@ -3,6 +3,12 @@
 process.env.BABEL_ENV = 'production';
 process.env.NODE_ENV = 'production';
 
+
+const babelIE11 = require('./patch/babelIE11');
+const babelConfig = require('babel-preset-react-app');
+
+babelIE11(babelConfig);
+
 const webpackPreact = require('./patch/webpackPreact');
 const webpackConfig = require('react-scripts/config/webpack.config.prod');
 webpackPreact(webpackConfig);

scripts/patch/babelIE11.js

@@ -0,0 +1,14 @@
+// Hack babel to build for IE11 instead of IE9
+module.exports = babelConfig => {
+	const presets = babelConfig.presets;
+	presets.forEach((preset, i) => {
+		if (!Array.isArray(preset)) {
+			return;
+		}
+		preset.forEach((p, j) => {
+			if (p.targets && p.targets.ie) {
+				presets[i][j].ie = 11;
+			}
+		});
+	});
+};

scripts/start.js

@@ -7,4 +7,8 @@ const webpackPreact = require('./patch/webpackPreact');
 const webpackConfig = require('react-scripts/config/webpack.config.dev');
 webpackPreact(webpackConfig);
 
+const babelIE11 = require('./patch/babelIE11');
+const babelConfig = require('babel-preset-react-app');
+babelIE11(babelConfig);
+
 require('react-scripts/scripts/start');