dev script updates for scss watch

.vscode/launch.json

@@ -7,7 +7,7 @@
     {
       "console": "integratedTerminal",
       "internalConsoleOptions": "neverOpen",
-      "name": "nodemon",
+      "name": "nodemon (dev)",
       "program": "dev",
       "request": "launch",
       "restart": true,
@@ -17,7 +17,24 @@
       ],
       "type": "node",
       "env": {"NODE_ENV": "development"},
-      "preLaunchTask": "npm: scss"
+      "preLaunchTask": "npm: build-css"
-    }
+    },
+    {
+      "console": "integratedTerminal",
+      "internalConsoleOptions": "neverOpen",
+      "name": "nodemon (with scss watch)",
+      "program": "dev (with scss watch)",
+      "request": "launch",
+      "restart": true,
+      "runtimeExecutable": "nodemon",
+      "runtimeArgs": ["-e", "js,scss"],
+      "skipFiles": [
+        "<node_internals>/**"
+      ],
+      "type": "node",
+      "env": {"NODE_ENV": "development"},
+      "preLaunchTask": "npm: build-css"
+    },
+    
   ]
 }

.vscode/tasks.json

@@ -3,17 +3,21 @@
 	"tasks": [
 		{
 			"type": "npm",
-			"script": "scss",
+			"script": "watch-scss",
 			"problemMatcher": [],
-			"label": "npm: scss watch",
+			"label": "npm: watch-scss",
-			"detail": "sass --watch src/scss/application.scss public/css/application.css src/scss/eventsheet.scss:public/css/eventsheet.css"
+			"detail": "npm run watch-css",
+			"icon": {
+        "id": "eye",
+        "color": "terminal.ansiBlue"
+      }
 		},
 		{
 			"type": "npm",
-			"script": "scss",
+			"script": "build-css",
 			"problemMatcher": [],
-			"label": "npm: scss",
+			"label": "npm: build-css",
-			"detail": "sass src/scss/application.scss:public/css/application.css src/scss/eventsheet.scss:public/css/eventsheet.css"
+			"detail": "npm build-css"
 		}
 	]
 }

package.json

@@ -24,9 +24,9 @@
   },
   "scripts": {
     "start": "node ./bin/www",
-    "dev": "nodemon . & npm run scss",
+    "dev": "nodemon .",
-    "scss": "sass src/scss/application.scss:src/public/css/application.css src/scss/eventsheet.scss:src/public/css/eventsheet.css",
+    "build-css": "sass src/scss:src/public/css",
-    "scss watch": "sass --watch src/scss/application.scss:src/public/css/application.css src/scss/eventsheet.scss:src/public/css/eventsheet.css"
+    "watch-scss": "nodemon -e scss -x \"npm run build-css\""
   },
   "dependencies": {
     "@teamsnap/teamsnap-ui": "^3.12.3",