如何为 d.ts 文件设置源映射？

Question

我创建了一个 TypeScript 库。它有一个包含 .ts 文件的 src 目录和 dist/esm 目录，所有 .ts 文件都在其中转换到 .js、.js.map 和 .d.ts 文件中。该库正在运行，它有类型，但开发过程中存在一些问题。

在 IDE 中（我使用Webstorm），当我从库中单击组件时，我想从 src 目录中打开源文件。但我打开了一个类型声明文件 (.d.ts)。

我发现，当我向 .d.ts 文件添加一个指向源映射的链接时，如下所示：

/// <reference types="react" />
import './styles/Button.scss';
export declare const Button: () => JSX.Element;
// The line below has been added
//# sourceMappingURL=Button.js.map

IDE 会自动从 src 目录中打开所需的文件。

我想知道从库的源目录打开文件的正确方法是什么？

如果是，如何使用 Rollup 自动在每个 .d.ts 文件中添加这些行？

如果不是，您能描述一下如何以正确的方式做到这一点吗？

Answer 1

突然我发现tsconfig.json中有一个特殊的字段：

{
  "compilerOptions": {
    // ...
    declarationMap: true
  }
}

现在它可以工作了。