Adds sass compile function

lib/compile-sass.js

@@ -0,0 +1,24 @@
+const sass = require("sass");
+const fs = require("fs");
+
+const compileSass = () => {
+  const sassFilenames = fs.readdirSync("./styles");
+
+  for (const filename of sassFilenames) {
+    const cssFilename = filename.replace(".scss", ".css");
+
+    try {
+      const rendered = sass.renderSync({
+        file: `./styles/${filename}`,
+        debug: true,
+        outputStyle: "expanded",
+      });
+
+      fs.writeFileSync(`./public/styles/${cssFilename}`, rendered.css.toString());
+    } catch (err) {
+      console.log(`\n 🙈🚨 UNABLE TO GENERATE CSS FROM SASS FILE: ${filename}  🚨🙈 \n ERROR: ${err} \n`);
+    }
+  }
+};
+
+module.exports = compileSass;

nodemon.json

@@ -0,0 +1,3 @@
+{
+  "ext": "html,css,js,scss,ejs"
+}

server.js

@@ -1,8 +1,10 @@
 // load .env data into process.env
 require('dotenv').config();
 
+// compile SCSS files on server start/restart
+require('./lib/compile-sass')();
+
 // Web server config
-const sassMiddleware = require('./lib/sass-middleware');
 const express = require('express');
 const morgan = require('morgan');
 
@@ -16,14 +18,6 @@ app.set('view engine', 'ejs');
 //         The :status token will be colored red for server error codes, yellow for client error codes, cyan for redirection codes, and uncolored for all other codes.
 app.use(morgan('dev'));
 app.use(express.urlencoded({ extended: true }));
-app.use(
-  '/styles',
-  sassMiddleware({
-    source: __dirname + '/styles',
-    destination: __dirname + '/public/styles',
-    isSass: false, // false => scss, true => sass
-  })
-);
 app.use(express.static('public'));
 
 // Separated Routes for each Resource