update webpack config

echenley · Sep 17, 2015 · eb9c29d · eb9c29d
1 parent e61d07d
commit eb9c29d
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/webpack.config.js b/webpack.config.js
@@ -2,6 +2,7 @@ var path = require('path');
 var webpack = require('webpack');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var friendlyFormatter = require('eslint-friendly-formatter');
+var autoprefixer = require('autoprefixer');
 
 module.exports = {
     entry: [
@@ -18,14 +19,21 @@ module.exports = {
             {
                 test: /\.(js|jsx)$/,
                 include: path.join(__dirname, 'src'),
-                loaders: ['react-hot', 'babel-loader', 'eslint-loader']
+                loaders: ['react-hot', 'babel', 'eslint']
             },
             {
                 test: /\.scss$/,
-                loader: 'style!css!sass'
+                loader: 'style!css!postcss!sass'
+            },
+            {
+                test: /\.svg$/,
+                loader: 'svg-inline'
             }
         ]
     },
+    postcss: function () {
+        return [autoprefixer({ browsers: ['last 3 versions'] })];
+    },
     eslint: {
         formatter: friendlyFormatter,
     },

diff --git a/webpack.production.config.js b/webpack.production.config.js
@@ -1,6 +1,7 @@
 var path = require('path');
 var webpack = require('webpack');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
+var autoprefixer = require('autoprefixer');
 
 module.exports = {
     entry: [
@@ -15,14 +16,21 @@ module.exports = {
             {
                 test: /\.(js|jsx)$/,
                 include: path.join(__dirname, 'src'),
-                loaders: ['babel-loader']
+                loaders: ['babel']
             },
             {
                 test: /\.scss$/,
-                loader: 'style!css!sass'
+                loader: 'style!css!postcss!sass'
+            },
+            {
+                test: /\.svg$/,
+                loader: 'svg-inline'
             }
         ]
     },
+    postcss: function () {
+        return [autoprefixer({ browsers: ['last 3 versions'] })];
+    },
     resolve: {
         extensions: ['', '.js', '.jsx', '.json']
     },