[vite] src경로를 @로 쉽게 쓰는 법

한번 혼자 처음부터 다 해보려는데 뭔소리고~~~~~~~~~~~~~~~~~~~~ 맨날 남이 기본 셋팅 해준걸로 시작하다보니 config파일이고 뭐고 다 어렵다 어려워

 

1. vite.config.ts 수정

import path from 'path';

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },
})

 

import path를 추가하고, resolve부분을 복붙해주면 된다. 참고로 import 부분에 에러가 난다면 마우스 대고 빠른 수정 눌러서 type node를 추가(설치)하거나 npm install --save @types/node 이걸 해주면 될듯.

 

2. tsconfig.json 수정

{
  "compilerOptions": {
    "paths": {
      "@/*": ["./src/*"],
    },
  },
}

아직 끝나지 않았다. tsconfig파일로 가서 compilerOptions에 paths 추가해주고 복붙하면 된다.

 

 

https://stackoverflow.com/questions/68217795/vite-resolve-alias-how-to-resolve-paths

Vite: resolve.alias - how to resolve paths?