vscode에서 path를 절대경로로 설정하기

vscode에서 다른 파일들을 import할 때 기본적으로 상대경로를 path로 불러온다.

import 불러올 파일 from "상대경로"

📍 규모가 큰 프로젝트이거나 프로젝트 경로가 복잡해진다면 경로를 지정해주는 것이 번거롭기 때문에 절대경로로 설정을 변경하는 것을 종종 볼 수 있다.

import 불러올 파일 from "../../../../../components/searchBar.js"

• 프로젝트 구조가 복잡해졌을 때 이와 같이 경로가 복잡해질 수 있다.

절대경로를 path로 삼는법

vscode 내에서 프로젝트 최상단 (루트) 위치에
📍 jsconfig.json 파일을 생성하고 다음의 코드를 작성한다.

src 폴더를 기준 경로로 path가 변경되는 코드이다.

{
    "compilerOptions": {
        "baseUrl": "src"
    },
    "include": [
        "src"
    ]
}

작성한 다음 vscode를 종료했다가 재실행하게되면 절대경로를 path로 삼아 다른 파일을 import할 수 있게 된다.

import 불러올 파일 from "components/searchBar/searchBar.js"

path가 훨씬 깔끔해진 것을 볼 수 있다!

출처
https://honeystorage.tistory.com/237
https://velog.io/@eojine94/vscode-%EB%82%B4%EC%97%90%EC%84%9C-%EC%A0%88%EB%8C%80%EA%B2%BD%EB%A1%9C-path-%EC%84%A4%EC%A0%95