[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 하면 해당 파일이 열림.

 

 

 

 

 

저작자표시

• 카카오스토리
• 트위터
• 페이스북

'JavaScript' 카테고리의 다른 글

[JavaScript] <table> 데이터 csv 다운로드 (download table data to csv file)  (0)	2022.07.29
[JavaScript] VS Code 사용시 import 할 때 절대경로로 지정해도 파일경로 클릭시 해당 파일로 찾아가는 방법 (vs code ctrl + click import absolute path)  (0)	2022.05.23
[JavaScript] fetch 실행 중 중단 (사용자입력, 타임아웃) (abort/stop fetch signal/timeout)  (0)	2022.05.19
[JavaScript] 유니코드 정규표현식 (regular expressions - unicode)  (0)	2022.05.11
[JavaScript] 정기예금 월복리 계산식 (네이버 이자계산기 기준)  (0)	2021.10.17
[JavaScript] YYYY-MM-dd hh:mm:ss Date format  (0)	2021.03.09