Merge pull request #1 from f-lab-edu/feature/빌드-추가-설정

Feature/빌드 추가 설정

Author: steveflevc

.nvmrc

@@ -0,0 +1 @@
+v20.13.1

configs/webpack.common.js

@@ -11,6 +11,9 @@ module.exports = {
     clean: true,
   },
   resolve: {
+    alias: {
+      '@': path.resolve(__dirname, '../src'),
+    },
     extensions: ['.js', '.jsx', '.ts', '.tsx'],
   },
   module: {
@@ -27,11 +30,11 @@ module.exports = {
       },
       {
         test: /\.(png|jpg|jpeg|gif)$/i,
-        type: 'asset/resource',
+        type: 'asset',
       },
       {
         test: /\.(woff|woff2|eot|ttf|otf)$/i,
-        type: 'asset/resource',
+        type: 'asset',
       },
     ],
   },

src/App.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import './style.css';
-import { umbraApi } from './lib/umbraApi';
+import { umbraApi } from '@/lib/umbraApi';
 
 const App = () => {
   useEffect(() => {

src/types/images.d.ts

@@ -0,0 +1,6 @@
+declare module '*.png';
+declare module '*.jpg';
+declare module '*.jpeg';
+declare module '*.gif';
+declare module '*.svg';
+declare module '*.webp';

tsconfig.json

@@ -6,7 +6,10 @@
     "strict": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
-    "jsx": "react"
+    "jsx": "react",
+    "paths": {
+      "@/*": ["src/*"]
+    }
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules"]