[JavaScript] VS Code 사용시 import 할 때 절대경로로 지정해도 파일경로 클릭시 해당 파일로 찾아가는 방법 (vs code ctrl + click import absolute path)
JavaScript 2022. 5. 23. 15:22
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 하면 해당 파일이 열림.
댓글을 달아 주세요