diff --git a/config/webpack.config.js b/config/webpack.config.js index 39eba0f..6e10084 100644 --- a/config/webpack.config.js +++ b/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: [ diff --git a/package.json b/package.json index 5b24163..a768a0b 100644 --- a/package.json +++ b/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",