tsify-仅读取浏览文件

Question

我正在使用 tsify来构建打字稿文件。但是，目前看来tsify正在读取我的源中的所有打字稿文件，而不仅仅是我的主字样文件中包含的文件（以及随后导入的文件）。如何将tsify仅限于browserify的文件？

GULP任务：

gulp.task("build", function()
{
  return browserify({})
    .add("index.ts")
    .plugin(tsify)
    .transform("babelify", {
      "presets" : ["es2015", "stage-0"]
    })
    .bundle()
    .pipe(source("index.js"))
    .pipe(gulp.dest("www"));
});

和tsconfig.json：

{
  "compileOnSave": true,
  "compilerOptions": {
    "lib": [
      "dom",
      "es2015",
      "es2016",
      "es2017"
    ],
    "noImplicitAny": true,
    "strictNullChecks": true,
    "target": "es2015"
  },
  "exclude": [
    "node_modules"
  ]
}

Answer 1

让tsify仅包含汇编中浏览的文件，您应该在tsconfig.json文件中指定一个空的files数组。

{
  "compileOnSave": true,
  "compilerOptions": {
    "lib": [
      "dom",
      "es2015",
      "es2016",
      "es2017"
    ],
    "noImplicitAny": true,
    "strictNullChecks": true,
    "target": "es2015"
  },
  "files": []
}

然后，

tsify将仅在编译中仅包含浏览器入口点文件及其依赖项。

如果您使用tsconfig.json的其他工具，这可能会引起问题，因为他们不知道编译中涉及哪些文件。如果是这种情况，您也可以在tsconfig.json中包含入口点文件，或者可以使用单独的，不同命名的配置文件 - 例如。tsconfig-tsify.json-对于tsify。（您可以使用tsify的project选项指定配置文件。）