Typescript: sourceRoot는 상대 경로를 지원하고 폴더 고용 구조를 존중해야합니다.

sourceRoot 는 관련 소스를 찾기 위해 디버그에서 사용할 루트를 나타냅니다. 상대 경로 만 원하는 경우 sourceRoot를 설정하지 마십시오. 올바른 일이 발생해야합니다.

그래서 여기에 내 설정이 있습니다.

tsconfig.json

{
    "compilerOptions": {
        "rootDir": "./",
        "outDir": "./out",
        "sourceMap": true
    }
}

컴파일하면 다음을 얻습니다.

C:\test\5180>type out\bar.js.map
{"version":3,"file":"bar.js","sourceRoot":"","sources":["../src/bar.ts"],"names":[],"mappings":"AAAA,IAAI,CAAC,GAAE,CAAC,CAAC"}
C:\test\5180>type out\www\foo.js.map
{"version":3,"file":"foo.js","sourceRoot":"","sources":["../../src/www/foo.ts"],"names":[],"mappings":"AAAA,IAAI,CAAC,GAAG,CAAC,CAAC"}

내 실수, tsc를 사용할 때 작동하는 것 같습니다. gulp 통합에 문제가있는 것 같습니다. 감사.

@mhegazy @sheetalkamat 다음과 같은 tsconfig.json이 있습니다.

{
    "compilerOptions": {
        "rootDir": "./",
        "outDir": "./out",
        "sourceMap": true
    }
}

내 소스는 ./src에 있습니다.
소스 맵에는 "sources":["../../src/index.ts"]
이것은 개발에는 맞지만 프로덕션 빌드를 위해 내가 원하는 것은 "sources":["src/index.ts"] (왜냐하면 소스 코드로 소스 맵을 내보내고 프로덕션 빌드에서 js 근처에 ts를 갖기를 원하기 때문입니다). 할 방법이 있습니까?