Gulp 和 TS 编译

Question

我在我的 gulp 文件中定义了任务：

gulp.task('dev:build:scripts', function () {
    var tsResult = tsProject.src()
        .pipe(sourcemaps.init())
        .pipe(ts(tsProject));
});

它获取所有脚本，并创建到static/dist 的源映射。我的 tsProject：

var tsProject = ts.createProject('tsconfig.json', {
    outDir: paths.dist +'/app'
});

还有我的tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "outDir": "static/dist/app"
  },
  "exclude": [
    "node_modules"
  ]
}

但是，在 gulp 运行项目之后，它不会编译 JS 并且不会创建源映射 - 只有当我对任何 ts 文件进行更改时才会这样做。我该如何解决这个问题？

Answer 1

我想你忘了实际写下你的结果。试试这个：

gulp.task('dev:build:scripts', () => 
{
    var tsProject = ts.createProject('tsconfig.json');

    var tsResult = tsProject.src()
        .pipe(sourcemaps.init())   
        .pipe(ts(tsProject));  

    return tsResult.js.pipe(sourcemaps.write()).pipe(gulp.dest(paths.dist +'/app'));        
});