set up sass folder structure and modified webpack to load scss files

Author: joshua0308

src/app/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './components/App';
-import './styles/application.scss';
+import './styles/main.scss';
 
 ReactDOM.render(<App />, document.getElementById('root'));

src/app/styles/application.scss src/app/styles/main.scsssrc/app/styles/application.scss renamed to src/app/styles/main.scss

@@ -29,6 +29,10 @@ const config = {
         test: /\.scss$/,
         use: ['style-loader', 'css-loader', 'sass-loader'],
       },
+      {
+        test: /\.css$/,
+        use: ['style-loader', 'css-loader'],
+      },
     ],
   },
   plugins: [],