Merge pull request #580 from clauderic/autoprefixer-config

Update PostCSS & Autoprefixer configs

package.json

@@ -13,7 +13,7 @@
   "scripts": {
     "build": "npm run build:commonjs && npm run build:css && npm run build:es && npm run build:demo && npm run build:umd",
     "build:commonjs": "npm run clean:commonjs && cross-env NODE_ENV=production cross-env BABEL_ENV=commonjs babel source --out-dir dist/commonjs --ignore *.example.js,*.test.js,source/demo/,source/tests.js",
-    "build:css": "postcss --use autoprefixer source/styles.css > styles.css",
+    "build:css": "postcss --config postcss.config.js --use autoprefixer source/styles.css > styles.css",
     "build:demo": "npm run clean:demo && cross-env NODE_ENV=production webpack --config webpack.config.demo.js -p --bail",
     "build:es": "npm run clean:es && cross-env NODE_ENV=production cross-env BABEL_ENV=es babel source --out-dir dist/es --ignore *.example.js,*.test.js,source/demo/,source/tests.js",
     "build:umd": "npm run clean:umd && cross-env NODE_ENV=production webpack --config webpack.config.umd.js --bail",

postcss.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  "autoprefixer": {
+    "browsers": ["last 2 version", "Firefox 15", "iOS 8"],
+  },
+  // The plugins section is used by postcss-loader with webpack
+  plugins: [
+    require('autoprefixer'),
+  ],
+}

webpack.config.demo.js

@@ -38,12 +38,9 @@ module.exports = {
       },
       {
         test: /\.css$/,
-        loaders: ['style', 'css?importLoaders=1'],
+        loaders: ['style', 'css?importLoaders=1&minimize=false'],
         include: path.join(__dirname, 'styles.css')
       }
     ]
-  },
-  postcss: function () {
-    return [autoprefixer]
   }
 }

webpack.config.dev.js

@@ -35,14 +35,11 @@ const config = {
       },
       {
         test: /\.css$/,
-        loaders: ['style', 'css?importLoaders=1'],
+        loaders: ['style', 'css?importLoaders=1&minimize=false'],
         include: path.join(__dirname, 'styles.css')
       }
     ]
   },
-  postcss: function () {
-    return [autoprefixer]
-  },
   devServer: {
     contentBase: 'build',
     port: 3001,

webpack.config.umd.js

@@ -1,4 +1,3 @@
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
 const path = require('path')
 const webpack = require('webpack')
 
@@ -19,11 +18,6 @@ module.exports = {
     'react-addons-shallow-compare': 'var React.addons.shallowCompare'
   },
   plugins: [
-    new ExtractTextPlugin('../styles.css', {
-      allChunks: false,
-      beautify: true,
-      mangle: false
-    }),
     new webpack.optimize.UglifyJsPlugin({
       beautify: true,
       comments: true,
@@ -36,12 +30,6 @@ module.exports = {
         test: /\.js$/,
         loaders: ['babel'],
         include: path.join(__dirname, 'source')
-      },
-      {
-        test: /\.css$/,
-        loader: ExtractTextPlugin.extract('css-loader!autoprefixer-loader?{browsers:["last 2 version", "Firefox 15"]}'),
-        include: path.join(__dirname, 'source')
-
       }
     ]
   }