[React] React + TypeScript + Vite 경로 별칭 설정

LatteJava·2024년 3월 25일
// 플러그인 설치
yarn add -D vite-tsconfig-paths @types/node 
// [tsconfig.json]
{
  "compilerOptions": {
	...
    /* Absolute path */
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "include": ["src", "src/main.tsx", "vite-env.d.ts"],
  "references": [{ "path": "./tsconfig.node.json" }]
}
// [vite.config.ts]
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(), tsconfigPaths()],
});
profile
devlog

0개의 댓글