你如何在 TypeScript 中编写 Gulp 任务？答案

【问题标题】：How do you write Gulp tasks in TypeScript?你如何在 TypeScript 中编写 Gulp 任务？
【发布时间】：2017-01-27 14:08:10
【问题描述】：

如何在 TypeScript 中编写 Gulp 任务？

我见过像 this 这样的项目，他们用 TypeScript 编写 gulp 任务，所以我知道这是可能的，但我很难弄清楚他们是如何设置的。

【问题讨论】：

我通常只在我的 gulp 脚本中使用 vanilla javascript，因为通常一旦编写它们就不会经常更改，因此（对我而言）转译没有多大意义。我真的很想这样做，但是与任何其他 javascript 文件相比，gulp 文件并没有什么特别之处。正如贾斯汀在他的回答中提到的，只需获取它的插件并检查示例。这真的很简单。
你说的很对，在它真正好用之前我已经用过那个库了。您可以通过 gulpfile.ts 编写 gulpfile.js，但您需要在运行 gulp 之前运行编译器。在我链接到的 repo 中，它们不需要您编译 gulpfile.ts。你只需运行 gulp 它就会运行。它必须在某个时候进行编译，但我什至进行了项目搜索，他们从未将 gulpfile.ts 编译为 gulpfile.js，不知何故 Gulp 对此很好，我不明白。
一种方法是告诉 typescript 监视文件并自动编译。从我所见，这并没有发生在这里。我认为正在发生的是，如果您打开 tsconfig.json 文件，您将看到指定了“排除”选项。根据文档，“如果指定了“排除”属性，则编译器会在包含目录和子目录中包含所有 TypeScript（*.ts 或 *.tsx）文件，但那些被排除的文件或文件夹除外。跨度>
另一种方法是通过浏览器中的打字稿脚本。如果您查看此示例中的 system.js.conf，您可以看到 Angular 团队是如何做到的。 plnkr.co/edit/?p=preview

【解决方案1】：

好的，经过一番挖掘和整理后，我找到了它。

要在不编译文件的情况下运行 gulpfile.ts，您可以使用“ts-node”包。这个包让你可以直接在 node 中运行 TypeScript，在这种情况下你可以使用它来运行 gulp，它会在运行你的 gulp 任务时即时编译和运行 TypeScript。

我不是要回答我自己的问题，但如果你发现了，不妨分享一下。

【讨论】：