autoprefixer-loader deprecated, use postcss-loader instead

config/webpack.config.js

@@ -3,6 +3,7 @@
 // begin shared setup
 const path = require('path');
 const webpack = require('webpack');
+const autoprefixer = require('autoprefixer');
 
 // begin dev setup
 const host = (process.env.HOST || 'localhost');
@@ -43,6 +44,9 @@ module.exports = {
       ]
     },
     progress: true,
+    postcss: () => {
+      return [ autoprefixer({ browsers: [ 'last 2 versions' ] }) ];
+    },
     resolve: {
       modulesDirectories: [
         'src',
@@ -72,8 +76,8 @@ module.exports = {
     module: {
       loaders: [
         { test: /\.css$/, loader: 'style!css' },
-        { test: /\.less$/, loader: 'style!css?modules&importLoaders=2&sourceMap&localIdentName=[local]___[hash:base64:5]!autoprefixer?browsers=last 2 version!less?outputStyle=expanded&sourceMap' },
-        { test: /\.scss$/, loader: 'style!css?modules&importLoaders=2&sourceMap&localIdentName=[local]___[hash:base64:5]!autoprefixer?browsers=last 2 version!sass?outputStyle=expanded&sourceMap' }
+        { test: /\.less$/, loader: 'style!css?modules&importLoaders=2&sourceMap&localIdentName=[local]___[hash:base64:5]!postcss!less?outputStyle=expanded&sourceMap' },
+        { test: /\.scss$/, loader: 'style!css?modules&importLoaders=2&sourceMap&localIdentName=[local]___[hash:base64:5]!postcss!sass?outputStyle=expanded&sourceMap' }
       ]
     },
     plugins: [
@@ -99,8 +103,8 @@ module.exports = {
     module: {
       loaders: [
         { test: /\.css$/, loader: ExtractTextPlugin.extract('style', 'css') },
-        { test: /\.less$/, loader: ExtractTextPlugin.extract('style', 'css?modules&importLoaders=2&sourceMap!autoprefixer?browsers=last 2 version!less?outputStyle=expanded&sourceMap=true&sourceMapContents=true') },
-        { test: /\.scss$/, loader: ExtractTextPlugin.extract('style', 'css?modules&importLoaders=2&sourceMap!autoprefixer?browsers=last 2 version!sass?outputStyle=expanded&sourceMap=true&sourceMapContents=true') }
+        { test: /\.less$/, loader: ExtractTextPlugin.extract('style', 'css?modules&importLoaders=2&sourceMap!postcss!less?outputStyle=expanded&sourceMap=true&sourceMapContents=true') },
+        { test: /\.scss$/, loader: ExtractTextPlugin.extract('style', 'css?modules&importLoaders=2&sourceMap!postcss!sass?outputStyle=expanded&sourceMap=true&sourceMapContents=true') }
       ]
     },
     plugins: [

package.json

@@ -32,7 +32,7 @@
     "prepublish": "npm run compile"
   },
   "dependencies": {
-    "autoprefixer-loader": "3.1.0",
+    "autoprefixer": "6.3.1",
     "babel-cli": "6.4.5",
     "babel-core": "6.4.5",
     "babel-eslint": "5.0.0-beta9",
@@ -60,6 +60,7 @@
     "less-loader": "2.2.2",
     "lodash": "4.2.1",
     "node-sass": "3.4.2",
+    "postcss-loader": "0.8.0",
     "pretty-error": "2.0.0",
     "query-string": "3.0.0",
     "react": "^0.14.3",