인텔리제이 리액트 vite 절대경로 import

react-vite 프로젝트 사용 시 컴포넌트 import 시 절대경로로 사용할 수 있는데 인텔리제이에서는 기본적으로 상대경로로 import 된다.

보통은 @를 사용해서 설정하는 경우가 많은데, 그렇게 하면 인텔리제이에서 제대로 인식하지 못하는 경우가 있다.

그래서 아래와 같이 설정한다.

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: [
      { find: "/src", replacement: "/src" }
    ]
  }
});