javascript - "js"方法在 gulp 上做了什么(对于使用 gulp-typescript 的 Typescript 项目)

Question

我正在使用 Gulp 和 Mocha 为 Typescript 定义一个基于 node.js 的种子服务器项目，我正在查看示例:https://www.typescriptlang.org/docs/handbook/gulp.html .

已使用以下代码定义了一个 gulpfile:

var gulp = require("gulp");
var ts = require("gulp-typescript");
var tsProject = ts.createProject("tsconfig.json");

gulp.task("default", function () {
  return tsProject.src()
    .pipe(tsProject())
    .js.pipe(gulp.dest("dist"));
});

我知道这段代码将 Typescript 编译成 javascript，并将生成的文件放在“dist”文件夹中。但是，我想分解这段代码并了解每一点都发生了什么(我不确定具体是哪一段代码调用了 Typescript 编译器)。

1) 那么，代码的哪一部分调用了编译器？

2) .js 调用的作用是什么？ (我猜这是调用 typescript 编译的调用，但我不知道)。

我发现 gulp 文档的问题是它不是很全面。我想找到所有 api 方法的文档(例如，“src”、“js”、“createProject”、“pipe”等)。以及 https://www.npmjs.com/package/gulp-typescript 上 gulp-typescript 的文档为您提供代码片段而不解释细节。

我已经在 https://gulpjs.org 看过视频了由 markgdyr 制作，但其他视频用于浏览器项目，我对此不感兴趣，谢谢。

Answer 1

通过您创建的 TypeScript 项目 tsProject 传输您的源文件以执行编译步骤。

这会生成一个包含一组 JavaScript 文件 js 和一组 TypeScript 定义文件 dts 的对象。在这种情况下，您将通过 .js 访问 JavaScript 文件，并通过 gulp.dest 将它们保存在输出文件夹中。

js 不是一个函数，而是一个简单的属性访问。

---

更多信息在 gulp-typescript docs .