diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js index 9e0f7e145bb..110968b596d 100644 --- a/packages/react-scripts/config/webpack.config.dev.js +++ b/packages/react-scripts/config/webpack.config.dev.js @@ -197,6 +197,7 @@ module.exports = { options: { ident: 'postcss', // https://webpack.js.org/guides/migrating/#complex-options plugins: () => [ + require('postcss-flexbugs-fixes'), autoprefixer({ browsers: [ '>1%', @@ -204,6 +205,7 @@ module.exports = { 'Firefox ESR', 'not ie < 9', // React doesn't support IE8 anyway ], + flexbox: 'no-2009', }), ], }, diff --git a/packages/react-scripts/config/webpack.config.prod.js b/packages/react-scripts/config/webpack.config.prod.js index db1b360833f..ce9ac5f9523 100644 --- a/packages/react-scripts/config/webpack.config.prod.js +++ b/packages/react-scripts/config/webpack.config.prod.js @@ -202,6 +202,7 @@ module.exports = { options: { ident: 'postcss', // https://webpack.js.org/guides/migrating/#complex-options plugins: () => [ + require('postcss-flexbugs-fixes'), autoprefixer({ browsers: [ '>1%', @@ -209,6 +210,7 @@ module.exports = { 'Firefox ESR', 'not ie < 9', // React doesn't support IE8 anyway ], + flexbox: 'no-2009', }), ], }, diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json index 273da908699..80d91f75a00 100644 --- a/packages/react-scripts/package.json +++ b/packages/react-scripts/package.json @@ -51,6 +51,7 @@ "inquirer": "3.0.6", "jest": "19.0.2", "object-assign": "4.1.1", + "postcss-flexbugs-fixes": "2.1.0", "postcss-loader": "1.3.3", "promise": "7.1.1", "react-dev-utils": "^0.5.2",