【问题标题】:tsd: install local definition filetsd:安装本地定义文件
【发布时间】:2016-04-06 19:07:49
【问题描述】:

我有一个用 TypeScript 编写的本地节点包,我想在我的实际项目中使用它。使用 npm,我可以像这样安装本地包:

$ npm install --save /path/to/package

或者:

$ npm install --save /path/to/package.tar.gz

这会在 node_modules 目录中安装所需的 .js 文件。该包中还有一个生成的 .d.ts 文件,我想将其安装到我的项目中(自动将其链接到 typings/tsd.d.ts)。但是使用下面的命令没有效果:

$ tsd install /path/to/package/package.d.ts --save

上面写着>> zero results。那么,在不需要存储库的情况下,安装本地定义文件的方法是什么?

更新:

我可以简单地将我的 d.ts 文件复制到类型目录和我的文本编辑器(对我来说它是带有 TypeScript 插件的 Sublime Text)它能够找到声明。目录布局是这样的:

/my-project/
  /typings/
    tsd.d.ts - auto-generated by `tsd install`
    node/ - I've installed the node definitions
    my-package.d.ts - copied or symlinked file
  my-project.ts - I'm working here

但是,在导出 module.exports(TypeScript 中的 exports = function...)中的唯一函数时,我遇到了问题。在这种情况下,导出的函数有点“匿名”,甚至没有在 d.ts 文件中命名,所以我需要手动编辑它。

我的测试用例:

'my-package' 提供单一功能,通常导入为'myPackage':

export = function myPackage(a: string, b: string) { return a + ' ' + b; };

declaration在tsconfig.json中设置为true,所以tsc命令生成了一个my-package.d.ts文件:

declare var _default: (a: string, b: string) => string;
export = _default;

我的包应该在我的项目中这样使用:

import myPackage = require('my-package');
myPackage('foo', 'bar');

但是,tsc 找不到 myPackage,即使 my-package.d.ts 已复制到类型文件夹中。我需要编辑该文件,使其看起来像这样:

declare var myPackage: (a: string, b: string) => string;
//export = _default; - not needed

对于正确运行的require(),甚至更好:

declare module 'my-package' /* this is the string passed to require() */ {
    export = function(a: string, b: string): string;
}

【问题讨论】:

  • 从 node_modules 导入 d.ts 文件(我只是在那里复制了一个文件)对我来说似乎工作得很好,不需要 tsd 做任何事情。
  • 你说得对,toskv,我可以简单地复制 d.ts 文件,而不需要在 typings/tsd.d.ts 中引用它。如果我设置了 exports 变量,我遇到了一个问题,我已经更新了我的帖子,提供了更多关于此的信息。

标签: typescript definitelytyped tsd


【解决方案1】:

在您的本地节点包中,在package.json 中添加一个typescript > definition 条目:

{
  "name": "your-package",
  ...
  "typescript": {
    "definition": "package.d.ts"
  }
}

然后在你的项目中安装包后,运行命令...

tsd link

...这将在您项目的 tsd.d.ts 文件 (reference) 中添加对 package.d.ts 的引用。


另外,根据您的编辑,我建议您将定义文件更改为类似的内容(注意 my-package 周围的引号):

declare module "my-package" {
    function myPackage(a: string, b: string): string;
    export = myPackage;
}

这将使它与以下代码一起工作:

import myPackage = require('my-package');
myPackage('foo', 'bar');

【讨论】:

  • 谢谢,成功了!但是,我的 TypeScript 源代码(带有类型)与已编译的 JavaScript(带有 package.json 和 node_modules)位于一个单独的目录中,有没有办法让它在这里工作?
  • @Simon 我不太清楚你的意思。使用此设置,您只需确保包的定义文件包含在包中(无需包含包的 typescript 源)。这样做会在您的应用程序中添加类似/// <reference path="../node_modules/your-local-package/package.d.ts" />~/typings/tsd.d.ts 的内容。只要该定义文件包含所有必要的信息,它就应该可以正常编译。顺便说一句,根据您的编辑,请参阅我关于更改定义文件的编辑...我知道我在这里展示的方式有效。
  • 我不确定我是否没有明白你的意思,或者你没有明白我的意思。但是,使用 declare module ... 进行最新编辑并将 d.ts 文件复制到我项目的 typings 文件夹现在可以完美运行!
  • @Simon 我想我不明白哈哈 :) 好吧,它最终能工作真是太好了!
【解决方案2】:

从 TypeScript 1.6 开始,您可以从 package.json 中引用您的类型定义文件,并且 TypeScript 的模块解析应该能够挖掘出类型定义。

在您的 package.json 文件(本地 npm 模块的)中,添加一个“typings”条目,例如

{
    "name": "my-package",
    "typings": "./relative/path/to/my-package.d.ts"
}

这样你根本不需要摆弄 TSD。

请参阅 TypeScript Wiki:https://github.com/Microsoft/TypeScript/wiki/Typings-for-npm-packages

【讨论】:

  • "types" 现在是建议的用法(尽管 "typings" 仍然是同义词)。还有wiki link update
【解决方案3】:

即使 package.json 的技巧奏效了,我还是更喜欢为此而设计的工具(tsd 或 typings)。

我刚刚找到了 Typings 的答案:
typings install --save --ambient file:./node_modules/.../file.d.ts

我认为 tsd 是一样的 :)

编辑:
由于 TypeScript 2.0 分型是无用的。
只需运行npm i --save-dev @types/some-library

【讨论】:

  • --ambient 现在被 --global 取代(在 v1.3.2 上测试)
  • 对于 TypeScript 2 获取类型定义文件的新方法 (npm install @types/...),这相当于什么?可以typings install file:...安装单个类型定义文件,但只能npm install一个包。
猜你喜欢
  • 2021-11-04
  • 2016-08-01
  • 1970-01-01
  • 1970-01-01
  • 2018-12-05
  • 2015-12-03
  • 1970-01-01
  • 1970-01-01
  • 2023-02-04
相关资源
最近更新 更多