VS Code: "중단점을 구성하는 데 시간이 걸립니다"해결 방법

저는 VS Code를 사용하여 로컬 스크립트를 실행하고 디버그하는 것을 좋아합니다. 그러나 디버그 모드에서 작업을 시작하는 데 때때로 정말 오랜 시간이 걸린다는 것을 알았습니다.

또한 "중단점을 구성하는 데 시간이 걸립니다. launch.json에서 'outFiles'를 업데이트하여 속도를 높일 수 있습니다."라는 텍스트와 함께 여기에 표시된 경고도 받았습니다.



모노 리포지토리에서 작업할 때 작업 실행기가 중단점을 구성할 수 있도록 디버거에 로드하려고 시도하는 파일이 많기 때문일 수 있습니다.

자바스크립트 태스크 구성

이것은 내launch.json 파일의 작업 구성이었습니다. 이 작업은 Javascript 파일을 실행했습니다. 즉, 디버깅을 위해 소스 맵이 필요하지 않았습니다.

 {
    "type": "node",
    "request": "launch",
    "name": "Generate Cypress Config",
    "runtimeExecutable": "npm",
    "cwd": "${workspaceRoot}/grid-packages/ag-grid-docs/documentation",
    "runtimeArgs": [
        "run-script",
        "generate-cypress-config"
    ],
    "port": 9229,
    "skipFiles": [
        "<node_internals>/**"
    ],           
    "resolveSourceMapLocations": [
        "${workspaceFolder}/**",
        "!**/node_modules/**"
    ]
}

sourceMaps를 false로 설정하기만 하면 작업이 즉시 시작되어 많은 시간을 절약할 수 있습니다!

"sourceMaps": false, 

타이프스크립트 작업

그러나 Typescript 작업을 실행 중인 경우 디버그하려면 로드된 소스 맵이 필요합니다. 이때 경고 지침에 따라 outfiles config 속성을 설정해야 합니다.

주어진 작업 실행에 포함될 모든 파일을 포함하는 폴더로 설정했습니다. 여전히 일부 추가 파일이 포함되어 있더라도 작은 하위 집합으로 제한하고 node_modules를 무시하면 시작 속도가 크게 향상되었습니다.

"outFiles": [
    "${workspaceFolder}/grid-packages/ag-grid-docs/**/*.js",
    "!**/node_modules/**"
],

소스 맵 파일이 아니라 .js 파일을 직접 일치시켜야 합니다.

결론

생산성을 향상시킬 수 있는 힌트를 제공할 때 경고를 무시하지 마십시오!

보다 완전한 그림을 보려면 설명서에서 VS Code가 수행하는 방식source map discovery을 읽을 수 있습니다.