Adding plugin postcss-flexbugs-fixes and flexbox: 'no-2009' to Autopr…

…efixer (facebook#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.
sbuzonas · May 16, 2017 · c7fca1c · c7fca1c
1 parent e33cc38
commit c7fca1c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/config/webpack.config.dev.js b/config/webpack.config.dev.js
@@ -197,13 +197,15 @@ module.exports = {
             options: {
               ident: 'postcss', // https://webpack.js.org/guides/migrating/#complex-options
               plugins: () => [
+                require('postcss-flexbugs-fixes'),
                 autoprefixer({
                   browsers: [
                     '>1%',
                     'last 4 versions',
                     'Firefox ESR',
                     'not ie < 9', // React doesn't support IE8 anyway
                   ],
+                  flexbox: 'no-2009',
                 }),
               ],
             },

diff --git a/config/webpack.config.prod.js b/config/webpack.config.prod.js
@@ -202,13 +202,15 @@ module.exports = {
                   options: {
                     ident: 'postcss', // https://webpack.js.org/guides/migrating/#complex-options
                     plugins: () => [
+                      require('postcss-flexbugs-fixes'),
                       autoprefixer({
                         browsers: [
                           '>1%',
                           'last 4 versions',
                           'Firefox ESR',
                           'not ie < 9', // React doesn't support IE8 anyway
                         ],
+                        flexbox: 'no-2009',
                       }),
                     ],
                   },

diff --git a/package.json b/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",