[VisualStudioCode] JavaScript 프로젝트에서 ctrl + 클릭으로 import 파일 열기

 

jsconfig.json 파일로 가능.

 

프로젝트 경로(=DOCUMENT_ROOT)가 /path/to 이고,

js 파일들이 /path/to/js 에 모여있다고 가정하고,

아래 코드처럼 import를 한다면,

const MyModule import '/js/lib/mymodule.js';
const MySubModule import '/js/lib/sub/mymodule.js';

 

jsconfig.json 파일은 /path/to/js 디렉토리에 아래 내용으로 만들면 됨.

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

 

그럼 Visual Studio Code의 에디터에서 import 파일 경로를 ctrl + 클릭으로 열거나 MyModule.xxx() 에서 xxx()를 ctrl + 클릭으로 열 수 있게 됨.

 

참고: https://code.visualstudio.com/docs/languages/jsconfig#_using-webpack-aliases