add tsconfig file for webpack

package.json

@@ -18,6 +18,7 @@
         "@typescript-eslint/eslint-plugin": "^4.6.0",
         "@typescript-eslint/parser": "^4.6.0",
         "clean-webpack-plugin": "^3.0.0",
+        "cross-env": "^7.0.3",
         "css-loader": "^5.0.1",
         "eslint": "^7.16.0",
         "eslint-config-prettier": "^7.1.0",
@@ -44,6 +45,7 @@
         "ts-jest": "^26.4.4",
         "ts-loader": "^8.0.13",
         "ts-node": "^9.1.1",
+        "tsconfig-paths": "^3.9.0",
         "typescript": "^4.1.3",
         "url-loader": "^4.1.1",
         "webpack": "^5.10.3",
@@ -63,8 +65,8 @@
         "url": "git+https://github.com/jellyfin/jellyfin-chromecast.git"
     },
     "scripts": {
-        "build:development": "webpack --config webpack.config.ts --mode=development",
-        "build:production": "webpack --config webpack.config.ts --mode=production",
+        "build:development": "cross-env TS_NODE_PROJECT=\"tsconfig-webpack.json\" webpack --config webpack.config.ts --mode=development",
+        "build:production": "cross-env TS_NODE_PROJECT=\"tsconfig-webpack.json\" webpack --config webpack.config.ts --mode=production",
         "lint": "yarn lint:code && yarn lint:css",
         "lint:code": "eslint --ext .ts,.js .",
         "lint:css": "stylelint ./src/css/*.css",
@@ -72,8 +74,8 @@
         "prepare": "yarn build:production",
         "pretest": "fixpack && yarn lint && yarn prettier",
         "prettier": "prettier --check .",
-        "serve": "webpack serve --config webpack.config.ts",
+        "serve": "cross-env TS_NODE_PROJECT=\"tsconfig-webpack.json\" webpack serve --config webpack.config.ts",
         "test": "jest --passWithNoTests",
-        "watch": "webpack --config webpack.config.ts --watch"
+        "watch": "cross-env TS_NODE_PROJECT=\"tsconfig-webpack.json\" webpack --config webpack.config.ts --watch"
     }
 }

tsconfig-webpack.json

@@ -0,0 +1,8 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es5",
+        "esModuleInterop": true,
+        "resolveJsonModule": true
+    }
+}

tsconfig.json

@@ -1,12 +1,12 @@
 {
     "compilerOptions": {
         "target": "ES2018",
-        "module": "CommonJS",
+        "module": "ESNext",
         "moduleResolution": "Node",
         "lib": ["dom", "ESNext"],
-        "allowJs": true,
         "resolveJsonModule": true,
-        "esModuleInterop": true,
+        "allowSyntheticDefaultImports": true,
+        "allowJs": true,
         "sourceMap": true,
         "outDir": "./dist/",
         "strict": true,

yarn.lock

@@ -2057,6 +2057,13 @@ create-require@^1.1.0:
   resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
   integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
 
+cross-env@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz#865264b29677dc015ba8418918965dd232fc54cf"
+  integrity sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==
+  dependencies:
+    cross-spawn "^7.0.1"
+
 cross-spawn@^6.0.0:
   version "6.0.5"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
@@ -2068,7 +2075,7 @@ cross-spawn@^6.0.0:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-cross-spawn@^7.0.0, cross-spawn@^7.0.2:
+cross-spawn@^7.0.0, cross-spawn@^7.0.1, cross-spawn@^7.0.2:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
   integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==