diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js index 9e0f7e145bbe3f17b4ff4ac866d04d1bf4a1b75b..110968b596db803390ac33bf783d075da2e1ce6b 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 db1b360833fe1c35c73272af7f36e93a262b9fe2..ce9ac5f952332ba88419cef101b26ce269737b34 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 273da908699b25e23ecf74fce8ba5ce23e9b920b..80d91f75a007314a78ac8f31e19f9763c0d39ab2 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",