[React] Vite 절대 경로 설정

vite.config.ts

base 를 입력하고, vite-tsconfig-paths 를 설치 후 plugins 에 추가해줍니다.

// vite.config.ts
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import tsconfigPaths from "vite-tsconfig-paths";

// https://vitejs.dev/config/
export default defineConfig({
    base: "./",
    plugins: [react(), tsconfigPaths()],
});

tsconfig.json

baseUrl 를 입력해줍니다.

// tsconfig.json
{
    "compilerOptions": {
        "baseUrl": "src",
        ...
    },
}

 

해당 포스트는 이 글을 참고하여 작성했습니다.