make webpack config in TS

Author: zendive

package.json

@@ -1,12 +1,12 @@
 {
   "name": "jsdiff",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "Chrome extension to compare objects in memory with console.diff(old, new) devtools function",
   "private": true,
   "scripts": {
     "test": "echo \"no test\" && exit 1",
-    "dev": "webpack --progress --watch --mode=development",
-    "prod": "NODE_ENV=production webpack --mode=production",
+    "dev": "NODE_OPTIONS=\"--loader=ts-node/esm\" webpack --progress --watch --mode=development",
+    "prod": "NODE_OPTIONS=\"--loader=ts-node/esm --no-warnings\" NODE_ENV=production webpack --mode=production",
     "format": "prettier . --write",
     "zip": "./scripts/package.sh"
   },
@@ -28,6 +28,7 @@
   "type": "module",
   "devDependencies": {
     "@types/chrome": "0.0.242",
+    "@types/webpack-bundle-analyzer": "^4.6.0",
     "@vue/compiler-sfc": "3.3.4",
     "clean-webpack-plugin": "4.0.0",
     "css-loader": "6.8.1",
@@ -38,6 +39,7 @@
     "style-loader": "3.3.3",
     "terser-webpack-plugin": "5.3.9",
     "ts-loader": "9.4.4",
+    "ts-node": "^10.9.1",
     "typescript": "5.1.6",
     "vue": "3.3.4",
     "vue-loader": "17.2.2",