adds sass close #11

Author: Karyum

package.json

@@ -29,11 +29,14 @@
     "babel-loader": "^7.0.0",
     "babel-preset-env": "^1.5.1",
     "babel-preset-react": "^6.24.1",
+    "css-loader": "^0.28.2",
     "express": "^4.15.3",
     "mongodb": "^2.2.26",
     "react": "^15.5.4",
     "react-dom": "^15.5.4",
     "react-router-dom": "^4.1.1",
+    "style-loader": "^0.18.1",
+    "sass-loader": "^6.0.5",
     "webpack": "^2.5.1",
     "webpack-dev-middleware": "^1.10.2"
   },

public/sass/all.scss

@@ -0,0 +1,3 @@
+button {
+  color: blue;
+}

src/index.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { render } from 'react-dom';
 import { BrowserRouter } from 'react-router-dom';
 import Routes from './routes.jsx';
+import '../public/sass/all.scss';
 
 document.addEventListener('DOMContentLoaded', () => {
   render((

webpack.config.js

@@ -21,6 +21,10 @@ module.exports = {
         exclude: /node_modules/,
         loader: 'react-hot-loader!babel-loader',
       },
+      {
+        test: /\.scss$/,
+        loaders: ['style-loader', 'css-loader', 'sass-loader'],
+      },
     ],
   },
   resolve: {