[JavaScript] VS Code 사용시 import 할 때 절대경로로 지정해도 파일경로 클릭시 해당 파일로 찾아가는 방법 (vs code ctrl + click import absolute path)

 

VisualStudio Code 에서 js 코드 편집시 절대경로로 import된 파일을 ctrl + click 하면 해당 절대경로 파일을 찾기 때문에 실패함.

이럴 경우 jsconfig.json 파일을 만들어서 compilerOptions.paths에 추가하여 VS Code가 경로를 알아먹게끔 처리하는 방법을 사용하면 됨.

 

만약 저장소 경로가 ~/workspace/MyProject 이고,

편집중인 파일이 ~/workspace/MyProject/src/index.js 이고,

index.js 파일에서 아래처럼 import 하고 있다면,

import MyLibrary from '/src/lib/MyLibrary.js';

 

~/workspace/src/jsconfig.json 파일을 만든 후,

아래처럼 alias를 걸어주는 식이면 됨.

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

 

이제 /src/lib/MyLibrary.js 에 커서를 대고 ctrl + click 하면 해당 파일이 열림.