www: process css with autoprefixer

1 files changed, 9 insertions, 4 deletions

diff --git a/juick-www/webpack.config.js b/juick-www/webpack.config.js
index 25865b09..3817b7cd 100644
--- a/juick-www/webpack.config.js
+++ b/juick-www/webpack.config.js
@@ -1,6 +1,6 @@
-var webpack = require("webpack")
-var ExtractTextPlugin = require("extract-text-webpack-plugin")
-var StyleLintPlugin = require('stylelint-webpack-plugin')
+const webpack = require("webpack")
+const ExtractTextPlugin = require("extract-text-webpack-plugin")
+const StyleLintPlugin = require('stylelint-webpack-plugin')
 
 module.exports = {
     devtool: 'source-map',
@@ -23,7 +23,12 @@ module.exports = {
         rules: [
             { test: /\.jsx?$/, loader: 'eslint-loader', enforce: 'pre', exclude: /node_modules/, options: { failOnWarning: false, failOnError: true, fix: true }},
             { test: /\.js$/, loader: 'babel-loader', query: { presets: ['env'] }},
-            { test: /\.css$/, loader: ExtractTextPlugin.extract({ fallback: "style-loader", use: "css-loader" }) },
+            { test: /\.css$/, loader: ExtractTextPlugin.extract({ fallback: "style-loader",
+                use: [ "css-loader", { loader: "postcss-loader", options: {
+                                                                                      plugins: () => [
+                                                                                        require('autoprefixer')
+                                                                                      ]
+                                                                                    } }] }) },
             { test: /\.png$/, loader: "url-loader?limit=10000000000" },
             { test: /\.svg$/, loader: "url-loader?limit=10000000000" }
         ]