Webpack optimizations (#140)

* Less repetition in webpack configs. Minify CSS classnames in production.

* Ignore all optional deps of moment.js. Fixes #138

* Added target to webpack config

* Automatically extract all 3rd party modules into a separate 'vendor' chunk

* Inline only assets that are smaller than 10KB

* Added autoprefixer options

* Replaced sinfle babel transforms with the stage-1 preset. Cleaned up webpack configs.

* Do not include hot module replacement in production

webpack.base.js

@@ -1,13 +1,14 @@
 /* eslint global-require: 0 */
 
 const webpack = require('webpack');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
 
 module.exports = {
   module: {
     loaders: [
       {
         test: /\.(png|eot|woff|woff2|ttf|svg|gif)(\?v=\d+\.\d+\.\d+)?$/,
-        loader: 'url-loader?limit=100000',
+        loader: 'url-loader?limit=10000',
       },
       {
         test: /\.json$/,
@@ -15,39 +16,30 @@ module.exports = {
       },
       {
         test: /\.scss$/,
-        loader: 'style!css?modules!sass',
+        loader: ExtractTextPlugin.extract('style', 'css?modules!sass'),
       },
       {
         test: /\.css$/,
-        loader: 'style!css?modules&importLoaders=1&&localIdentName=cms__[name]__[local]!postcss',
+        loader: ExtractTextPlugin.extract('style', 'css?modules&importLoaders=1&&localIdentName=cms__[name]__[local]!postcss'),
       },
       {
         loader: 'babel',
         test: /\.js?$/,
-        exclude: /(node_modules|bower_components)/,
-        query: {
-          cacheDirectory: true,
-          presets: ['react', 'es2015'],
-          plugins: [
-            'transform-class-properties',
-            'transform-object-assign',
-            'transform-object-rest-spread',
-            'lodash',
-            'react-hot-loader/babel',
-          ],
-        },
+        exclude: /node_modules/,
       },
     ],
   },
   postcss: [
     require('postcss-import')({ addDependencyTo: webpack }),
-    require('postcss-cssnext'),
-  ],
-  plugins: [
-    new webpack.DefinePlugin({
-      'process.env': {
-        NODE_ENV: JSON.stringify(process.env.NODE_ENV),
-      },
+    require('postcss-cssnext')({
+      browsers: ['last 2 versions', 'IE > 10'],
     }),
   ],
+  plugins: [
+    new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/), // Ignore all optional deps of moment.js
+    new webpack.ProvidePlugin({
+      fetch: 'imports?this=>global!exports?global.fetch!whatwg-fetch',
+    }),
+  ],
+  target: 'web', // Make web variables accessible to webpack, e.g. window
 };