Set up absolute imports to work at compile-time

nsidc · Jul 10, 2024 · d29350e · d29350e
1 parent 5328381
commit d29350e
Show file tree

Hide file tree

Showing 4 changed files with 62 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -30,6 +30,7 @@
     "eslint-plugin-react-refresh": "^0.4.7",
     "husky": "^9.0.11",
     "typescript": "^5.2.2",
-    "vite": "^5.3.1"
+    "vite": "^5.3.1",
+    "vite-tsconfig-paths": "^4.3.2"
   }
 }
diff --git a/tsconfig.node.json b/tsconfig.node.json
@@ -1,5 +1,8 @@
 {
   "compilerOptions": {
+    "paths": {
+      "@src/*": ["./src/*"]
+    },
     "composite": true,
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
     "skipLibCheck": true,

diff --git a/vite.config.ts b/vite.config.ts
@@ -1,13 +1,13 @@
 import { defineConfig } from 'vite'
+
 import react from '@vitejs/plugin-react-swc'
+import tsconfigPaths from 'vite-tsconfig-paths'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
-  // "Absolute imports":
-  resolve: {
-    alias: {
-      "@src": "/src",
-    },
-  },
+  plugins: [
+    react(),
+    // We use this for "absolute imports":
+    tsconfigPaths(),
+  ],
 })