From 8486594b0bad245a4ad8bb2d1e5001b84b3df9f5 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 9 Dec 2022 19:49:26 -0500
Subject: [PATCH] Configure webpack to resolve tsconfig aliases; set said
 aliases

---
 client/tsconfig.json     | 8 ++++++--
 client/webpack.config.js | 2 ++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/client/tsconfig.json b/client/tsconfig.json
index 313a9390a1e..2e87bd52efe 100644
--- a/client/tsconfig.json
+++ b/client/tsconfig.json
@@ -3,8 +3,12 @@
     "compilerOptions": {
         "target": "es2016",
         "module": "es6",
-        "baseUrl": "./src",
+        "baseUrl": ".",
 
+        "paths": {
+            "@/*": ["src/*"],
+            "@tests/*": ["tests/*"]
+        },
         "allowJs": true,
         "checkJs": false,
 
@@ -14,5 +18,5 @@
     "vueCompilerOptions": {
         "target": 2.7
     },
-    "include": ["./types/*.d.ts", "./src/**/*.ts", "./src/**/*.tsx", "./src/**/*.vue", "./tests/**/*.ts"],
+    "include": ["./types/*.d.ts", "./src/**/*.ts", "./src/**/*.tsx", "./src/**/*.vue", "./tests/**/*.ts"]
 }
diff --git a/client/webpack.config.js b/client/webpack.config.js
index 95a20d94431..9a892104993 100644
--- a/client/webpack.config.js
+++ b/client/webpack.config.js
@@ -6,6 +6,7 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
 const DuplicatePackageCheckerPlugin = require("@cerner/duplicate-package-checker-webpack-plugin");
 const { DumpMetaPlugin } = require("dumpmeta-webpack-plugin");
+const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin");
 
 const scriptsBase = path.join(__dirname, "src");
 const testsBase = path.join(__dirname, "tests");
@@ -43,6 +44,7 @@ module.exports = (env = {}, argv = {}) => {
             filename: "[name].bundled.js",
         },
         resolve: {
+            plugins: [new TsconfigPathsPlugin({ extensions: [".ts", ".js", ".json", ".vue", ".scss"] })],
             extensions: [".ts", ".js", ".json", ".vue", ".scss"],
             modules: [scriptsBase, "node_modules", styleBase, testsBase],
             fallback: {