fix: import base styles and add to css-hot-loader. resolves #41.

Author: calvinl

client/index.js

@@ -1,4 +1,5 @@
 import 'babel-polyfill';
+import 'css/base/index.scss';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';

common/css/base/_vendors.scss

@@ -1,9 +1,5 @@
-// Import bootstrap-sass as needed
-$bootstrap-sass-asset-helper: true;
-@import "~bootstrap-sass/assets/stylesheets/bootstrap/variables";
-
-$screen-lg-min: $app-max-width !global;
-$container-lg: $app-max-width !global;
-
-@import "~bootstrap-sass/assets/stylesheets/bootstrap/mixins";
-@import "~bootstrap-sass/assets/stylesheets/bootstrap/grid";
+/* Import vendor styles as needed, for example:
+ *
+ * $bootstrap-sass-asset-helper: true;
+ * @import "~bootstrap-sass/assets/stylesheets/bootstrap/variables";
+ */

webpack/base.js

@@ -97,7 +97,7 @@ export default {
           path.resolve(__dirname, '../node_modules'),
           path.resolve(__dirname, '../common/css/base')
         ],
-        use: extractTextPlugin.extract({
+        use: ['css-hot-loader'].concat(extractTextPlugin.extract({
           fallback: 'style-loader',
           use: [
             { loader: 'postcss-loader' },
@@ -109,7 +109,7 @@ export default {
               }
             }
           ]
-        })
+        }))
       },
       {
         test: /\.css$/,