updatedNodeSassDependencies

Author: daveyko

.babelrc

@@ -1,5 +1,5 @@
 {
-  presets: ['react', 'env', 'stage-2']
+  "presets": ["react", "env", "stage-2"]
   /*
     Babel uses these "presets" to know how to transpile your Javascript code. Here's what we're saying with these:
 

package.json

@@ -25,10 +25,12 @@
     "body-parser": "^1.16.1",
     "compression": "^1.7.1",
     "connect-session-sequelize": "^4.1.0",
+    "css-loader": "^0.28.8",
     "express": "^4.14.1",
     "express-session": "^1.15.1",
     "history": "^4.6.3",
     "morgan": "^1.8.1",
+    "node-sass": "^4.7.2",
     "passport": "^0.3.2",
     "passport-google-oauth": "^1.0.0",
     "pg": "^6.4.2",
@@ -41,8 +43,10 @@
     "redux": "^3.6.0",
     "redux-logger": "^2.8.1",
     "redux-thunk": "^2.2.0",
+    "sass-loader": "^6.0.6",
     "sequelize": "^4.28.6",
-    "socket.io": "^2.0.3"
+    "socket.io": "^2.0.3",
+    "style-loader": "^0.19.1"
   },
   "devDependencies": {
     "axios-mock-adapter": "^1.9.0",

webpack.config.js

@@ -15,15 +15,16 @@ module.exports = {
         exclude: /(node_modules|bower_components)/,
         loader: 'babel-loader',
         options: {
-          presets: ['react', 'es2015', 'stage-0']
+          presets: ['react', 'es2015', 'stage-2']
         }
       },
       // use the style-loader/css-loader combos for anything matching the .css extension
       {
-        test: /\.css$/,
+        test: /\.scss$/,
         use: [
           'style-loader',
           'css-loader',
+          'sass-loader'
         ]
       },
       {