Merge pull request #9 from martinc1991/feature/absolute-routes-ui

Add path aliases in ui package
chescalante · May 31, 2024 · 062322e · 062322e
2 parents 85ae743 + c87e364
commit 062322e
Show file tree

Hide file tree

Showing 4 changed files with 62 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -17,7 +17,8 @@
     "@types/react-dom": "18.2.22",
     "@vitejs/plugin-react-swc": "3.5.0",
     "typescript": "5.2.2",
-    "vite": "5.2.0"
+    "vite": "5.2.0",
+    "vite-tsconfig-paths": "^4.3.2"
   },
   "optionalDependencies": {
     "@rollup/rollup-linux-x64-gnu": "4.14.2"

diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
@@ -18,7 +18,11 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
   },
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]

diff --git a/packages/ui/vite.config.ts b/packages/ui/vite.config.ts
@@ -1,8 +1,15 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
+import tsconfigPaths from "vite-tsconfig-paths";
+import path from "path";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   base: "./",
-  plugins: [react()],
+  plugins: [react(), tsconfigPaths()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
 });