move dev server to dependencies for heroku

Procfile

@@ -0,0 +1 @@
+web: cd demos && npm i && npm run start 

demos/.prettierrc

@@ -2,4 +2,4 @@
   "semi": true,
   "singleQuote": true,
   "printWidth": 120
-}
+} 

demos/package.json

@@ -4,7 +4,7 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "start": "webpack-dev-server",
+    "start": "webpack-dev-server --port $PORT",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "Andrew Kolos",
@@ -13,25 +13,24 @@
     "@akolos/event-emitter": "^2.0.6",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-router-dom": "^5.1.2"
-  },
-  "devDependencies": {
-    "@types/node": "^12.12.36",
-    "@types/react": "^16.9.34",
-    "@types/react-dom": "^16.9.6",
-    "@types/react-router-dom": "^5.1.4",
+    "react-router-dom": "^5.1.2",
+    "webpack": "^4.41.2",
+    "webpack-cli": "^3.3.7",
+    "webpack-dev-server": "^3.11.2",
     "awesome-typescript-loader": "^5.2.1",
     "css-loader": "^3.5.2",
     "http-server": "^0.11.1",
-    "node-sass": "^4.13.1",
     "sass-loader": "^8.0.2",
     "source-map-loader": "^0.2.4",
     "style-loader": "^1.1.4",
+    "@types/node": "^12.12.36",
+    "@types/react": "^16.9.34",
+    "@types/react-dom": "^16.9.6",
+    "@types/react-router-dom": "^5.1.4",
+    "typescript": "^4.2.4"
+  },
+  "devDependencies": {
     "tslint": "^5.20.1",
-    "tslint-clean-code": "^0.2.10",
-    "typescript": "^4.2.4",
-    "webpack": "^4.42.1",
-    "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.10.3"
+    "tslint-clean-code": "^0.2.10"
   }
 }

demos/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
       // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'.
       { enforce: "pre", test: /\.js$/, loader: "source-map-loader" },
 
-      { test: /\.s?css$/, use: ['style-loader', 'css-loader', 'sass-loader'] }
+      { test: /\.s?css$/, use: ['style-loader', 'css-loader'] }
     ]
   },