import sweetalert2 as node-module

_src/assets/ts/snakeMultiplayer.ts

+import Swal from 'sweetalert2'
+
 let fieldSize = 20;
 
 let snakeField:HTMLElement = <HTMLElement> document.getElementById("snakeField");

_src/snakeMultiplayer.html

@@ -6,7 +6,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Workshop</title>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.13.0/dist/sweetalert2.all.min.js"></script>
     <link rel="stylesheet" href="assets/scss/snake.scss">
 </head>
 

package.json

@@ -11,10 +11,10 @@
   "license": "MIT",
   "private": true,
   "devDependencies": {
+    "@types/paho-mqtt": "^1.0.4",
     "parcel-bundler": "^1.12.4",
     "sass": "^1.32.2",
-    "typescript": "^4.1.3",
-    "@types/paho-mqtt": "^1.0.4"
+    "typescript": "^4.1.3"
   },
   "scripts": {
     "watch": "start yarn parcel ./_src/*.html watch"
@@ -22,6 +22,7 @@
   "dependencies": {
     "animatewithsass": "^3.2.1",
     "brand-colors": "^2.1.1",
-    "sass-burger": "^1.3.1"
+    "sass-burger": "^1.3.1",
+    "sweetalert2": "^10.13.0"
   }
 }