[chore] Introducing SCSS, renaming existing files.

Not utilizing any functionality yet, just setting up for refactorings.

package.json

@@ -55,8 +55,10 @@
     "mkdirp": "^0.5.1",
     "mocha": "^3.2.0",
     "mocha-lcov-reporter": "^1.0.0",
+    "node-sass": "^4.9.2",
     "nsp": "^3.2.1",
     "raw-loader": "~0.5.0",
+    "sass-loader": "^7.0.3",
     "script-loader": "~0.7.0",
     "should": "^11.1.1",
     "simple-git": "^1.96.0",

src/engine.js

@@ -66,16 +66,16 @@ import {Terminal, postNetburnerText, post, KEY} from "./Terminal";
 
 // These should really be imported with the module that is presenting that UI, but because they very much depend on the
 // cascade order, we'll pull them all in here.
-import "../css/styles.css";
+import "../css/styles.scss";
-import "../css/terminal.css";
+import "../css/terminal.scss";
-import "../css/menupages.css";
+import "../css/menupages.scss";
-import "../css/workinprogress.css";
+import "../css/workinprogress.scss";
-import "../css/popupboxes.css";
+import "../css/popupboxes.scss";
-import "../css/interactivetutorial.css";
+import "../css/interactivetutorial.scss";
-import "../css/loader.css";
+import "../css/loader.scss";
-import "../css/missions.css";
+import "../css/missions.scss";
-import "../css/companymanagement.css";
+import "../css/companymanagement.scss";
-import "../css/bladeburner.css";
+import "../css/bladeburner.scss";
 
 /* Shortcuts to navigate through the game
  *  Alt-t - Terminal

webpack.config.js

@@ -39,12 +39,13 @@ module.exports = (env, argv) => ({
                 exclude: /node_modules/
             },
             {
-                test: /\.css$/,
+                test: /\.s?css$/,
                 use: [
                     MiniCssExtractPlugin.loader,
-                    "css-loader"
+                    "css-loader",
+                    "sass-loader"
                 ]
-            }
+            },
         ]
     },
     optimization: {