From 2e59166daaf5303197aa6e3dc6b24b939267db9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Tue, 2 Apr 2019 18:15:30 +0200
Subject: [PATCH] Fix: Autoprefixer is now working (#16351)

The autoprefixer not working broke the phantomjs backend png rendering

Fixes #16345
---
 .browserslistrc                   |  4 ++++
 scripts/webpack/postcss.config.js | 16 +++++++++-------
 scripts/webpack/sass.rule.js      |  2 +-
 3 files changed, 14 insertions(+), 8 deletions(-)
 create mode 100644 .browserslistrc

diff --git a/.browserslistrc b/.browserslistrc
new file mode 100644
index 00000000000..4220fec6215
--- /dev/null
+++ b/.browserslistrc
@@ -0,0 +1,4 @@
+>1%,
+Chrome > 20
+last 4 versions,
+Firefox ESR
diff --git a/scripts/webpack/postcss.config.js b/scripts/webpack/postcss.config.js
index 28996962160..9066ecf444c 100644
--- a/scripts/webpack/postcss.config.js
+++ b/scripts/webpack/postcss.config.js
@@ -1,7 +1,9 @@
-module.exports = {
-  plugins: {
-    'autoprefixer': {},
-    'postcss-reporter': {},
-    'postcss-browser-reporter': {},
-  }
-}
+module.exports = () => {
+  return {
+    plugins: {
+      autoprefixer: {},
+      'postcss-reporter': {},
+      'postcss-browser-reporter': {},
+    }
+  };
+};
diff --git a/scripts/webpack/sass.rule.js b/scripts/webpack/sass.rule.js
index ecd811d35a6..14a0f51bad2 100644
--- a/scripts/webpack/sass.rule.js
+++ b/scripts/webpack/sass.rule.js
@@ -19,7 +19,7 @@ module.exports = function(options) {
         loader: 'postcss-loader',
         options: {
           sourceMap: options.sourceMap,
-          config: { path: __dirname + '/postcss.config.js' },
+          config: { path: __dirname },
         },
       },
       {