Env: 절대경로를 인식하지 못하는 문제 해결

kakao-tech-campus-2nd-step3 · Sep 20, 2024 · d53aa81 · d53aa81
1 parent a53ff8b
commit d53aa81
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 18 deletions.
diff --git a/src/main.tsx b/src/main.tsx
@@ -1,6 +1,6 @@
 import { createRoot } from 'react-dom/client';
 
-import App from './App.tsx';
+import App from '@/App';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
 const queryClient = new QueryClient();

diff --git a/tsconfig.app.json b/tsconfig.app.json
@@ -1,17 +1,17 @@
 {
+  "extends": "./tsconfig.json",
   "compilerOptions": {
     "target": "ES2020",
     "useDefineForClassFields": true,
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "skipLibCheck": true,
+    "composite": true,
 
     /* Bundler mode */
     "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
     "isolatedModules": true,
     "moduleDetection": "force",
-    "noEmit": true,
     "jsx": "react-jsx",
 
     /* Linting */

diff --git a/tsconfig.json b/tsconfig.json
@@ -2,10 +2,22 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "@/*": ["src/*"]
+      "@/*": ["src/*"],
+      "@/components/*": ["src/components/*"],
+      "@/pages/*": ["src/pages/*"],
+      "@/apis/*": ["src/apis/*"],
+      "@/hooks/*": ["src/hooks/*"],
+      "@/store/*": ["src/store/*"],
+      "@/utils/*": ["src/utils/*"],
+      "@/assets/*": ["src/assets/*"],
+      "@/constants/*": ["src/constants/*"],
+      "@/config/*": ["src/config/*"],
+      "@/mocks/*": ["src/mocks/*"],
+      "@/styles/*": ["src/styles/*"]
     }
   },
   "files": [],
+  "include": ["src"],
   "references": [
     { "path": "./tsconfig.app.json" },
     { "path": "./tsconfig.node.json" }

diff --git a/tsconfig.node.json b/tsconfig.node.json
@@ -4,13 +4,12 @@
     "lib": ["ES2023"],
     "module": "ESNext",
     "skipLibCheck": true,
+    "composite": true,
 
     /* Bundler mode */
     "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
     "isolatedModules": true,
     "moduleDetection": "force",
-    "noEmit": true,
 
     /* Linting */
     "strict": true,

diff --git a/vite.config.ts b/vite.config.ts
@@ -6,17 +6,25 @@ import react from '@vitejs/plugin-react';
 export default defineConfig({
   plugins: [react()],
   resolve: {
-    alias: {
-      '@/components': path.resolve(__dirname, 'src/components'),
-      '@/pages': path.resolve(__dirname, 'src/pages'),
-      '@/apis': path.resolve(__dirname, 'src/apis'),
-      '@/hooks': path.resolve(__dirname, 'src/hooks'),
-      '@/store': path.resolve(__dirname, 'src/store'),
-      '@/utils': path.resolve(__dirname, 'src/utils'),
-      '@/assets': path.resolve(__dirname, 'src/assets'),
-      '@/constants': path.resolve(__dirname, 'src/constants'),
-      '@/config': path.resolve(__dirname, 'src/config'),
-      '@/styles': path.resolve(__dirname, 'src/styles'),
-    },
+    alias: [
+      { find: '@/', replacement: path.resolve(__dirname, 'src') },
+      {
+        find: '@/components',
+        replacement: path.resolve(__dirname, 'src/components'),
+      },
+      { find: '@/pages', replacement: path.resolve(__dirname, 'src/pages') },
+      { find: '@/apis', replacement: path.resolve(__dirname, 'src/apis') },
+      { find: '@/hooks', replacement: path.resolve(__dirname, 'src/hooks') },
+      { find: '@/store', replacement: path.resolve(__dirname, 'src/store') },
+      { find: '@/utils', replacement: path.resolve(__dirname, 'src/utils') },
+      { find: '@/assets', replacement: path.resolve(__dirname, 'src/assets') },
+      {
+        find: '@/constants',
+        replacement: path.resolve(__dirname, 'src/constants'),
+      },
+      { find: '@/config', replacement: path.resolve(__dirname, 'src/config') },
+      { find: '@/mocks', replacement: path.resolve(__dirname, 'src/mocks') },
+      { find: '@/styles', replacement: path.resolve(__dirname, 'src/styles') },
+    ],
   },
 });