From 345ccaf16e45bbb5bc267cd77562f02ac6f222a9 Mon Sep 17 00:00:00 2001
From: Dmitry Lyzo <ashephard0@gmail.com>
Date: Fri, 8 May 2020 13:50:04 +0300
Subject: [PATCH] Fix browserslist for autoprefixer

---
 postcss.config.js | 4 +++-
 webpack.dev.js    | 7 +++++--
 webpack.prod.js   | 7 +++++--
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/postcss.config.js b/postcss.config.js
index 0e19ca6e10..bd1651fa19 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -5,8 +5,10 @@ const cssnano = require('cssnano');
 
 const config = () => ({
     plugins: [
+        // Explicitly specify browserslist to override ones from node_modules
+        // For example, Swiper has it in its package.json
         postcssPresetEnv({browsers: packageConfig.browserslist}),
-        autoprefixer(),
+        autoprefixer({overrideBrowserslist: packageConfig.browserslist}),
         cssnano()
     ]
 });
diff --git a/webpack.dev.js b/webpack.dev.js
index 76a1a7a752..716cfb2d07 100644
--- a/webpack.dev.js
+++ b/webpack.dev.js
@@ -2,7 +2,6 @@ const path = require('path');
 const common = require('./webpack.common');
 const merge = require('webpack-merge');
 const packageConfig = require('./package.json');
-const postcssConfig = require('./postcss.config.js');
 
 module.exports = merge(common, {
     mode: 'development',
@@ -31,7 +30,11 @@ module.exports = merge(common, {
                     'css-loader',
                     {
                         loader: 'postcss-loader',
-                        options: postcssConfig()
+                        options: {
+                            config: {
+                                path: __dirname
+                            }
+                        }
                     }
                 ]
             },
diff --git a/webpack.prod.js b/webpack.prod.js
index f5c7accd04..eb39f82cd4 100644
--- a/webpack.prod.js
+++ b/webpack.prod.js
@@ -1,7 +1,6 @@
 const common = require('./webpack.common');
 const merge = require('webpack-merge');
 const packageConfig = require('./package.json');
-const postcssConfig = require('./postcss.config.js');
 
 module.exports = merge(common, {
     mode: 'production',
@@ -24,7 +23,11 @@ module.exports = merge(common, {
                     'css-loader',
                     {
                         loader: 'postcss-loader',
-                        options: postcssConfig()
+                        options: {
+                            config: {
+                                path: __dirname
+                            }
+                        }
                     }
                 ]
             },