4

在我基于 gulp 的工作流程中，我试图在 tsify 编译之前对所有打字稿文件应用转换：

gulp.task(
  'deploy-typescript', 
  function() {
    var modulePath = configuration.files.typescript.entry;
    var bundleStream = browserify([modulePath])
      .transform(includeTemplates)
      .plugin(tsify)
      .bundle();

    return bundleStream
      .pipe(sourcestream(configuration.files.typescript.bundle))
      .pipe(gulp.dest(configuration.files.typescript.destination));
  }
);

var includeTemplates = function(file, options) {
  return through(function(buffer, encoding, next) {
    this.push('!test!');
    next();
  }
}

但是，tsify 插件似乎忽略了我的插件对源文件所做的任何更改，并使用磁盘上存在的 .ts 文件。生成的捆绑包不包含我希望转换进行的任何更改。

4

1 回答 1

3

不幸的是，您发现的不是错误，而是设计行为。

tsify使用 TypeScript 的Compiler API将 TypeScript 转换为 JavaScript 。具体来说，它实现了CompilerHost接口：

createProgramCompilerHost在接口中抽象与底层系统的任何交互。允许编译器CompilerHost读写文件，获取当前目录，确保文件和目录存在，并查询一些底层系统属性，例如区分大小写和换行符。

转换不是逐个文件执行的。相反，整个程序被编译，生成的转换文件保存在内存中，然后传递给 Browserify。此编译涉及 TypeScript 编译器基础结构从磁盘读取文件。

作者的评论在这里：

如何在 tsify 编译之前转换打字稿？

不幸的是，由于架构限制，这是不可能的。tsify 必须从磁盘加载文件，因为它会根据模块解析语义拉入额外的文件。即使有可能通过 pre-tsify 转换管道传递这些额外的文件（我认为这不太可能），它的性能也将是灾难性的。您必须先将转换后的文件写入磁盘，然后再将它们拉入 Browserify，抱歉：/

于 2016-08-08T22:51:59.333 回答