TypeScript setup

slashman · Feb 23, 2023 · bcc4bb5 · bcc4bb5
1 parent 9ebac1c
commit bcc4bb5
Show file tree

Hide file tree

Showing 4 changed files with 282 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -36,7 +36,9 @@
     "electron-reload": "^1.5.0",
     "html-webpack-plugin": "^5.5.0",
     "minimist": "^1.2.7",
+    "source-map-loader": "^4.0.1",
     "style-loader": "^3.3.1",
+    "ts-loader": "^9.4.2",
     "webpack": "^5.75.0",
     "webpack-cli": "^5.0.0",
     "webpack-dev-server": "^4.11.1",

diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,8 @@
+{
+	"compilerOptions": {
+	  "outDir": "./built",
+	  "allowJs": true,
+	  "target": "es5"
+	},
+	"include": ["./src/**/*"]
+  }
diff --git a/webpack/webpack.base.config.js b/webpack/webpack.base.config.js
@@ -14,7 +14,11 @@ let options = {
   module: {
     rules: [
       {
-        test: /\.js(x)?$/,
+        test: /\.ts?$/,
+        use: "ts-loader"
+      },
+      {
+        test: /\.js?$/,
         exclude: /node_modules/,
         use: ['babel-loader']
       },
@@ -31,7 +35,7 @@ let options = {
   },
 
   resolve: {
-    extensions: ['', '.js', '.jsx'],
+    extensions: ['', '.js', '.ts'],
   },
 
   entry: {