node.js - Resultados inconsistentes al ejecutar Gulp desde Visual Studio después de la compilación

Estoy ejecutando gulp 3.9.0 y llamando a algunos comandos de gulp desde Visual Studio 2013. El flujo es tal que cada vez que compilo en VS, gulp debería limpiar mis archivos temporales y de salida, y luego, después de una compilación exitosa, compilar mis activos de JavaScript en un solo archivo.

El problema es que he notado que, después de ejecutar "gulp build", a veces mis recursos no se generan en absoluto. Esto incluso sucede en la línea de comandos. Después de ejecutar "gulp clean" (que elimina la salida), tengo que ejecutar "gulp build" dos veces solo para ver la salida materializarse. Es como si gulp estuviera fallando silenciosamente. No estoy seguro si esto es un problema con Node ejecutándose en Windows o si he configurado algo mal.

Tenga en cuenta que VS es responsable de compilar todos los archivos TypeScript en un solo .js en la carpeta \output.

Disculpas de antemano si hay una mejor manera de hacer lo que estoy tratando de hacer. Todavía soy un principiante en gulp/node.

Precompilación de VS:

gulp clean

VS Después de la compilación:

gulp build

gulpfile.js:

var gulp = require('gulp');
var del = require('del');
var concat = require('gulp-concat');
var ngAnnotate = require('gulp-ng-annotate');
var uglify = require('gulp-uglify');
var templateCache = require('gulp-angular-templatecache');
var concatCss = require('gulp-concat-css');
var minifyCss = require('gulp-minify-css');

gulp.task("cleanOutdatedLibraries", function(){
    del("./Libs/*");
    del(['./myapp.js', './myapp.min.js', './myapp.css'])
});

gulp.task("cleanTemporaryFiles", function(){
    del("./output/*");
});

/** Run gulp clean on prebuild */
gulp.task('clean', ["cleanOutdatedLibraries", "cleanTemporaryFiles"])

gulp.task('copyNewestLibraries', function(){

    var bowerFiles = ['angular/angular.min.js',
        'angular/angular.js',
        'angular/angular.min.js.map',
        'angular-ui-router/release/angular-ui-router.min.js',
        'angular-local-storage/dist/angular-local-storage.min.js',
        'jquery/dist/jquery.min.js',
        'jquery/dist/jquery.min.map',
        'lodash/lodash.min.js',
        'angular-resource/angular-resource.min.js',
        'angular-resource/angular-resource.min.js.map',
        'momentjs/min/moment.min.js',
        'angular-loading-bar/src/loading-bar.js',
        'ngDialog/js/ngDialog.min.js'];

    gulp.src(bowerFiles, {cwd: "./bower_components/"})
        .pipe(gulp.dest('./Libs'));

});   

gulp.task('copyThirdPartyLibraries', function(){

    var thirdPartyFiles = ['jquery-ui.min.js',
        'angular-sanitize.min.js'];

    gulp.src(thirdPartyFiles, {cwd: "./_thirdparty/"})
        .pipe(gulp.dest('./Libs'));
});


/** Merge all Angular JS HTML templates into a cache */
gulp.task('mergeHtmlTemplatesIntoAngularCache', function(){
    gulp.src('app/**/*.html')
        .pipe(templateCache("templates.js", {
            module: "myapp"
        }))
        .pipe(gulp.dest('./output/'));    
});

gulp.task('produceMinfiedApp', function(){
    gulp.src(['app/**/*.js', 'output/typescripts.js'])
        .pipe(concat('bundle.min.js'))
        .pipe(ngAnnotate())
        .pipe(uglify())
        .pipe(gulp.dest('./output/'));

    gulp.src(['output/bundle.min.js', 'output/templates.js'])
        .pipe(concat('myapp.min.js'))
        .pipe(gulp.dest('./'));

});

gulp.task('produceApp', function(){
    gulp.src(['app/**/*.js', 'output/typescripts.js'])
        .pipe(concat('bundle.js'))
        .pipe(ngAnnotate())
        .pipe(gulp.dest('./output/'));

    gulp.src(['output/bundle.js', 'output/templates.js'])
        .pipe(concat('myapp.js'))
        .pipe(gulp.dest('./'));
});

gulp.task('mergeStyles', function(){
    gulp.src(['Styles/**/*.css'])
        .pipe(concat('styles.css'))
        .pipe(gulp.dest("./output/"));
    gulp.src(['app/**/*.css'])
        .pipe(concat('app.css'))
        .pipe(gulp.dest("./output/"));

    gulp.src(['output/styles.css', 'output/app.css'])
        .pipe(concatCss("./myapp.css"))
        .pipe(minifyCss({compatibility: 'ie10'}))
        .pipe(gulp.dest('./'));
});

/** Run gulp build on post build */
gulp.task('build', ["copyNewestLibraries", 
    "copyThirdPartyLibraries",
    "mergeHtmlTemplatesIntoAngularCache",
    "produceMinfiedApp",
    "produceApp", 
    "mergeStyles"]);

Respuesta #1

/** Run gulp build on post build */
gulp.task('build', ["copyNewestLibraries", 
    "copyThirdPartyLibraries",
    "mergeHtmlTemplatesIntoAngularCache",
    "produceMinfiedApp",
    "produceApp", 
    "mergeStyles"]);

Estas tareas (copyNewestLibraries, produceApp, etc.) se ejecutan de forma asincrónica, sin un orden particular. Por ejemplo, produceApp puede terminar antes que copyNewestLibraries, lo cual probablemente no sea lo que desees.

Vea cómo ejecutar tareas de Gulp secuencialmente una tras otra para más información.