typscript公式にあるgulpfile.jsの設定について

Question

TypeScriptの公式サイトに、超入門者向けのgulpfile.jsがあります。サイトはGulp · TypeScriptです。冒頭部分に、次のようなコードがあります。

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"));
});

悩んでいるのは、下から２行目の.js.pipe(gulp.dest("dist"));の部分です。超入門なので、srcディレクトリにはmain.tsだけしかありません。引数なしのsrc()でこれを取得して、tsProject()でjavascriptに変換して、distディレクトリに書き出しているのだと思うのですが、.jsとは何か、と。

一応、gulp.jsと、ここでインストールするgulp-typescriptのサイトも見たのですが、該当部分が見つかりませんでした。すごく基礎的なことで申し訳ありません。

Answer 1

https://github.com/ivogabe/gulp-typescript
に書いてありますが

.pipe(tsProject())にてgulp-typescriptに処理が移譲されています。
その結果に対して.js.pipeにアクセスしてるわけですが
コレはjsコードの出力に当たります
ほかにも.dts.pipeもありましてそちらは型定義ファイル出力となります。

Comments

[Yojiro]

回答へのお礼が遅れてごめんなさい。

確かに、「https://github.com/ivogabe/gulp-typescript」を見ると、Featuresのところに、「Different output streams for .js, .d.ts files.」とありました。

ただ、少し実験してみて、問題の「.js」部分をはずしたところ、ちゃんと動きました。たぶん、デフォルトが、.ts => .jsなのでしょうか…。

プログラムは、本当に、奥が深いです。ありがとうございました。