From 044e57b726afa18d6fc009efe93f64429853208a Mon Sep 17 00:00:00 2001
From: Cristian <crosescu@gmail.com>
Date: Tue, 16 May 2017 12:02:38 +1200
Subject: [PATCH] Adding plugin postcss-flexbugs-fixes and flexbox: 'no-2009'
to Autoprefixer (#1771)
* Adding postcss-flexbugs-fixes
Using postcss-flexbugs-fixes to fix all flexbug's issues.
* Adding flexbox: 'no-2009' to Autoprefixer
It will add flexbox prefixes only for final and IE versions of
specification.
---
packages/react-scripts/config/webpack.config.dev.js | 2 ++
packages/react-scripts/config/webpack.config.prod.js | 2 ++
packages/react-scripts/package.json | 1 +
3 files changed, 5 insertions(+)
diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js
index 9e0f7e145..110968b59 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 db1b36083..ce9ac5f95 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 273da9086..80d91f75a 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",
--
GitLab