“js”方法在 gulp 上做了什么（对于使用 gulp-typescript 的 Typescript 项目）答案

【问题标题】：What does the "js" method do on gulp (for Typescript project using gulp-typescript)“js”方法在 gulp 上做了什么（对于使用 gulp-typescript 的 Typescript 项目）
【发布时间】：2017-11-15 14:51:49
【问题描述】：

我正在使用 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 的文档为您提供了代码 sn-ps 而不解释细节。

我已经看过 markgdyr 在https://gulpjs.org 的视频，但其他视频是针对浏览器项目的，我对此不感兴趣，谢谢。

【问题讨论】：

标签： javascript node.js typescript gulp gulp-typescript

【解决方案1】：

通过您创建的 TypeScript 项目tsProject 对源文件进行管道传输将执行编译步骤。

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

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

更多信息请关注gulp-typescript docs。

【讨论】：