music-player/client/index.html

@@ -73,9 +73,6 @@
         </div>
     </div>
 
-
-
-<script src="./lodash.js" type="module"></script>
 <script src="./dist/main.js" type="module"></script>
 
 </body>

music-player/client/package.json

@@ -4,6 +4,7 @@
   "description": "",
   "main": "main.js",
   "scripts": {
+    "build": "browserify src/main.ts -p [ tsify ] > dist/bundle.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "Savanni D'Gerinel <savanni@luminescent-dreams.com>",
@@ -14,6 +15,11 @@
   },
   "devDependencies": {
     "@types/lodash": "^4.14.191",
-    "typescript": "^4.9.4"
+    "babelify": "^10.0.0",
+    "browserify": "^17.0.0",
+    "live-server": "^1.2.2",
+    "tsify": "^5.0.4",
+    "typescript": "^4.9.4",
+    "watchify": "^4.0.0"
   }
 }

music-player/client/src/main.ts

@@ -1,3 +1,5 @@
+import * as _ from "lodash";
+
 const replaceTitle = () => {
   const title = document.querySelector(".js-title");
   if (title && title.innerHTML) {

music-player/client/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
       "target": "es2015",
-      "module": "es2015",
+      "module": "commonjs",
       "moduleResolution": "node",
       "rootDir": "src",
       "outDir": "./dist",