Merge pull request #80 from davezuko/fix/extract-text-plugin

fix(webpack): CSS is now only extracted during production builds

build/webpack/client.js

@@ -48,11 +48,12 @@ const webpackConfig = {
       },
       {
         test    : /\.scss$/,
-        loader : ExtractTextPlugin.extract('style-loader', [
+        loaders : [
+          'style-loader',
           'css-loader',
           'autoprefixer?browsers=last 2 version',
           'sass-loader?includePaths[]=' + paths.src('styles')
-        ].join('!'))
+        ]
       }
     ]
   },
@@ -93,11 +94,21 @@ if (globals.__DEV__) {
 }
 
 if (globals.__PROD__) {
+
+  // Compile CSS to its own file in production.
+  webpackConfig.module.loaders = webpackConfig.module.loaders.map(loader => {
+    if (/css/.test(loader.test)) {
+      const [first, ...rest] = loader.loaders;
+
+      loader.loader = ExtractTextPlugin.extract(first, rest.join('!'));
+      delete loader.loaders;
+    }
+
+    return loader;
+  });
+
   webpackConfig.plugins.push(
     new webpack.optimize.UglifyJsPlugin({
-      output : {
-        'comments'  : false
-      },
       compress : {
         'unused'    : true,
         'dead_code' : true