使用Bower发布TypeScript库

Question

如何正确构建和打包TypeScript库，以便可以使用Bower和TSD轻松地从JavaScript和TypeScript代码中使用它？

Answer 1

将您的TypeScript源编译为构建脚本中的JavaScript和TypeScript声明文件：

tsc <source> <dependencyDeclarations> --out <targetJavaScript> --declaration

其中<dependencyDeclarations>是您的依赖项的.d.ts文件，如果您使用TSD，则方便typings/tsd.d.ts。

因此，此命令将在同一文件夹中生成具有相同名称的.js和.d.ts文件。让我们调用后者<targetDeclaration>。在bower.json：

中指定两者

{
  "main": "<targetJavaScript>",
  "typescript": {
    "definition": "<targetDeclaration>"
  }
}

（您也可以忽略所有其他文件。）然后像往常一样使用Bower发布您的包。

要使用该库，请运行：

bower install <library> --save
tsd link

TSD 0.6将检测并包含指定的<targetDeclaration>。