如何防止Gulp创建中间文件

Question

我正在开发一个Angular2应用程序,我正在使用Gulp来管理构建我的应用程序的任务.这是我用于构建的任务:

gulpfile.js

// Generating minified CSS files for Angular2 Component styleUrls
gulp.task('styles', function(cb) {
    return gulp.src('src/app/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(minifyCss())
        .pipe(gulp.dest(paths.dist + '/app/'));
});

// Embedding minified HTML templates into Typescript source files
gulp.task('templates', function () {
    return gulp.src('src/app/**/*.ts')
        .pipe(embedTemplates({sourceType:'ts'}))
        .pipe(gulp.dest('dist/app'));
});

// Transpiling Typescript files to Javascripts ones
gulp.task('compile', function () {
    return gulp.src(['dist/**/*.ts', 'typings/**/*.d.ts'])
        .pipe(tsCompiler())
        .pipe(gulp.dest(paths.dist));
});

// Creating one minified JS file
gulp.task('scripts', ['compile'], function(cb) {
    return gulp.src(paths.dist + '/**/*.js')
        .pipe(concat('app.min.js'))
        .pipe(minifyJs())
        .pipe(gulp.dest(paths.dist));
});

由于CSS文件<style>由Typescript编译器注入到标记中,我希望在SASS处理后删除CSS文件.对于Javascript也一样:因为生成的JS文件然后在一个文件中缩小,我希望在Typescript转换后删除所有以前的JS文件.

怎么达到那个？

也许我可以创建一个新任务,我可以删除所有"中间"文件,但我现在知道这是否会打破Gulp哲学.

如何运行所有任务然后只获取app.min.js文件？