added sass loader

praffn · Sep 24, 2017 · af5737f · af5737f
1 parent 3412658
commit af5737f
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 3 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/package.json b/package.json
@@ -32,6 +32,8 @@
     "babel-preset-react": "^6.24.1",
     "clean-webpack-plugin": "^0.1.16",
     "copy-webpack-plugin": "^4.0.1",
+    "node-sass": "^4.5.3",
+    "sass-loader": "^6.0.6",
     "css-loader": "^0.28.5",
     "eslint": "^4.5.0",
     "eslint-plugin-react": "^7.3.0",

diff --git a/src/index.jsx b/src/index.jsx
@@ -2,6 +2,6 @@ import React from 'react';
 import {render} from 'react-dom';
 
 import Game from './Components/Game.jsx'
-import './style.css';
+import './style.scss';
 
 render(<Game/>, document.getElementById('root'));
diff --git a/src/style.css → src/style.scss b/src/style.css → src/style.scss
diff --git a/webpack/webpack.common.js b/webpack/webpack.common.js
@@ -20,8 +20,8 @@ module.exports = {
         use: "babel-loader"
       },
       {
-        test: /\.css$/,
-        use: ["style-loader", "css-loader"]
+        test: /\.scss$/,
+        use: ["style-loader", "css-loader", "sass-loader"]
       },
       {
         test: /\.(png|jpe?g|svg|gif|ico)/,