如何在另一个文件夹中引用 Javascript 的类型声明文件？答案

【问题标题】：How to reference a type declaration file for Javascript in another folder?如何在另一个文件夹中引用 Javascript 的类型声明文件？
【发布时间】：2022-07-06 05:59:31
【问题描述】：

我正在尝试为我的 Javascript 文件编写 typescript 声明文件，但希望将它们存储在单独的文件夹中：

src/
  types/
    foo.d.ts
  foo.js

// foo.d.ts
export function foo(bar): number

// foo.js
export const foo = bar => bar.length

// The type suggestion when calling foo from another file 
foo() //(alias) const foo: (bar: any) => any

现在，当我在其他文件中导入并调用 foo 时，类型建议不起作用。当我之前做这样的事情时，我不得不把.d.ts文件和JS文件放在同一个目录下。我尝试添加/// <reference/>，但没有帮助，或者我做错了。我不是想导出声明文件，它纯粹是为了在开发过程中帮助我。我该怎么做？

【问题讨论】：

标签： javascript typescript

【解决方案1】：

您是说您希望首先编写声明文件作为一种合同，然后再写入匹配的实现？作为一种“声明驱动”的开发？

我不确定你能做到这一点。声明文件适用于非 Typescript 代码的 Typescript 消费者。你已经在 Typescript 中了。我认为您所说的类似于同一类型的两个定义并存。

（您可能知道，当您在tsconfig.json 中设置declaration 属性或使用command line flag（例如tsc --declaration）时，创建声明文件是一个自动过程。）

【讨论】：