通过 gulp-typescript 传递 .js 文件而不会出现错误 TS6054

Question

我想在我的主要 gulp 工具链中包含 typescript，以便我可以根据需要和时间允许将 .js 文件转换为 .ts 文件。如果 typescript 步骤不对 .js 文件执行任何操作，那很好。

这有意义吗？如果是这样，我该如何做到这一点？我尝试了以下方法：

function compileScript(inputFiles, outputName, outputPath) {
    return r.gulp.src(inputFiles)
        .pipe(r.sourcemaps.init())
        .pipe(r.ngAnnotate())
// I'd like to do this, but processing fails if not all files are *.ts
//      .pipe(r.typescript({ target: 'ES5' }))
        .pipe(r.uglify())
        .pipe(r.concat(outputName))
        .pipe(r.sourcemaps.write('.'))
        .pipe(r.gulp.dest(outputPath));
}

但它没有产生输出，引用：

错误 6054：文件“script.js”必须具有扩展名“.ts”或“.d.ts”。

也许我忽略了一个打字稿选项，或者一个不会破坏我的源映射的 gulp 条件管道工具？如果我运行 .ts 和 .js 文件的两个单独步骤，它们最终将无序连接。

我想避免大爆炸。

附言我正在 Visual Studio 中构建一个 ASP.NET 项目。

Answer 1

您目前似乎正在向gulp-typescript 提供完整的文件列表，使用gulp-filter 仅过滤掉*.ts 的文件：

function compileScript(inputFiles, outputName, outputPath) {
    var filter = require('gulp-filter')('**/*.ts'); // setup filter

    return r.gulp.src(inputFiles)
        .pipe(r.sourcemaps.init())
        .pipe(filter) // filter out *.ts files
        .pipe(r.typescript({ target: 'ES5' })) // compile them
        .pipe(filter.restore()) // restore all other files to proceed
        .pipe(r.ngAnnotate())
        .pipe(r.uglify())
        .pipe(r.concat(outputName))
        .pipe(r.sourcemaps.write('.'))
        .pipe(r.gulp.dest(outputPath));
}

附带说明，我认为您应该首先编译 *.ts 文件，然后才编译 ng-annotate 它们。