代码之家  ›  专栏  ›  技术社区  ›  Plastikfan

“js”方法在gulp上做什么(对于使用gulp-Typescript的Typescript项目)

  •  1
  • Plastikfan  · 技术社区  · 8 年前

    我正在定义一个种子节点。使用Gulp和Mocha的基于js的Typescript服务器项目,我正在查看以下示例: 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呼叫do?(我猜这是调用typescript编译,但我不知道)。

    我发现gulp文档的问题是它不是很全面。我想找到所有api方法的文档(例如,“src”、“js”、“createProject”、“pipe”等)。和关于gulp typescript的文档 https://www.npmjs.com/package/gulp-typescript 为您提供代码段,但不解释详细信息。

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

    1 回复  |  直到 8 年前
        1
  •  1
  •   TimoStaudinger    8 年前

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

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

    js公司 不是函数,而是简单的属性访问。


    更多信息请访问 gulp-typescript docs .

    推荐文章