update postcss and autoprefixer

Author: chnbohwr

conf/webpack/Base.js

@@ -26,11 +26,6 @@ class WebpackBaseConfig {
     return path.resolve('./test');
   }
   get defaultSettings() {
-    const cssModulesQuery = {
-      modules: false,
-      importLoaders: 1,
-      localIdentName: '[name]-[local]-[hash:base64:5]'
-    };
     return {
       context: this.srcPathAbsolute,
       devtool: 'eval',
@@ -72,10 +67,7 @@ class WebpackBaseConfig {
             test: /\.(sass|scss)$/,
             loaders: [
               { loader: 'style-loader' },
-              {
-                loader: 'css-loader',
-                query: cssModulesQuery
-              },
+              { loader: 'css-loader' },
               { loader: 'postcss-loader' },
               { loader: 'sass-loader' }
             ]
@@ -84,21 +76,15 @@ class WebpackBaseConfig {
             test: /\.css$/,
             loaders: [
               { loader: 'style-loader' },
-              {
-                loader: 'css-loader',
-                query: cssModulesQuery
-              },
+              { loader: 'css-loader' },
               { loader: 'postcss-loader' },
             ]
           },
           {
             test: /\.less$/,
             loaders: [
               { loader: 'style-loader' },
-              {
-                loader: 'css-loader',
-                query: cssModulesQuery
-              },
+              { loader: 'css-loader' },
               { loader: 'postcss-loader' },
               { loader: 'less-loader' }
             ]
@@ -107,10 +93,7 @@ class WebpackBaseConfig {
             test: /\.styl$/,
             loaders: [
               { loader: 'style-loader' },
-              {
-                loader: 'css-loader',
-                query: cssModulesQuery
-              },
+              { loader: 'css-loader' },
               { loader: 'postcss-loader' },
               { loader: 'stylus-loader' }
             ]

package-lock.json

@@ -4,7 +4,7 @@
   "version": "0.0.1",
   "author": "Your name here",
   "dependencies": {
-    "autoprefixer": "^7.2.4",
+    "autoprefixer": "^8.1.0",
     "babel-core": "^6.7.6",
     "babel-eslint": "^8.1.2",
     "babel-loader": "^7.1.2",
@@ -31,8 +31,8 @@
     "less-loader": "^2.2.3",
     "node-sass": "^4.5.3",
     "null-loader": "^0.1.1",
-    "postcss": "^6.0.15",
-    "postcss-loader": "^1.3.3",
+    "postcss": "^6.0.19",
+    "postcss-loader": "^2.1.1",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
     "react-hot-loader": "^3.0.0-beta.6",

package.json

@@ -1,6 +1,8 @@
-const data = {
-    plugins: [
-        require('autoprefixer')
-    ]
-};
-module.exports = data;
+module.exports = ({ file, options, env }) => {
+    // browser support list see here: https://github.com/ai/browserslist#queries
+    return ({
+        plugins: {
+            'autoprefixer': { browsers: 'last 2 version' },
+        }
+    })
+}