首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >typescript中的全局类型

typescript中的全局类型
EN

Stack Overflow用户
提问于 2017-03-24 03:07:23
回答 4查看 43.1K关注 0票数 41

有没有办法在你的typescript文件中创建一个定义全局可访问类型的文件?

我喜欢typescript,但我发现当我想要真正的类型安全时,我必须显式地从整个系统导入类型。这是相当烦人的。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2017-03-24 04:08:51

是的,这是可能的。你可以在这里找到所有信息:https://www.typescriptlang.org/docs/handbook/declaration-files/templates/global-modifying-module-d-ts.html

重要的部分是:

代码语言:javascript
运行
复制
declare global {
    /*~ Here, declare things that go in the global namespace, or augment
     *~ existing declarations in the global namespace
     */
    interface String {
        fancyFormat(opts: StringFormatOptions): string;
    }
}
票数 46
EN

Stack Overflow用户

发布于 2020-07-28 20:49:15

我发现公认的答案不起作用(可能是需要完成的一些配置?)。因此,通过一些修补工作,我让它为我工作(也许我也有一些奇怪的配置选项?如果它不起作用,请让我知道,我将删除此答案)。

  1. 在适当的文件夹中创建定义文件。我将使用types/global.d.ts
  2. Check你的tsconfig.json,并在paths下包含"*": ["types/*.d.ts"]。(如果您愿意,您还应该能够直接访问创建的文件)。
  3. 将您的全局定义直接放入文件NO declare global或类似文件的根中。

现在您应该可以开始使用此文件中声明的类型(使用typescript 3.9.6和3.7.5进行了测试)。

示例文件:

代码语言:javascript
运行
复制
// global.d.ts
declare interface Foo {
    bar: string;
    fooBar: string;
}

你的tsconfig应该是什么样子:

代码语言:javascript
运行
复制
[...]
"paths": {
    "*": ["types/*.d.ts"]
},
[...]
票数 23
EN

Stack Overflow用户

发布于 2020-01-11 04:26:08

虽然有点晚,但我已经注意到,您可以在项目中的任何位置添加一个file.d.ts,它将被选中。

例如,在我的项目中,我想要一个:

代码语言:javascript
运行
复制
Optional<T> = T | null;

我不知道该把它添加到哪里,所以我在文件夹中添加了一个common.d.ts,并添加了:

代码语言:javascript
运行
复制
declare type Optional<T> = T | null;

现在它正在被拾取,并且没有错误。甚至不需要导入它。这当然是在vscode中测试的,不确定它是否能在你的编辑器中工作。

(当然,这取决于您的文件包含/排除规则,但大多数项目都包含所有*.ts)

票数 20
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42984889

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档