node.js - Rezultate Inconsistente la Rularea Gulp din Visual Studio după Construire

Rulez gulp 3.9.0 și apelez unele comenzi gulp din Visual Studio 2013. Fluxul este astfel încât de fiecare dată când construiesc în VS, gulp ar trebui să curețe fișierele mele temporare și de ieșire, apoi după o construcție reușită, să compileze resursele mele JavaScript într-un singur fișier.

Problema este că am observat că, după ce rulez „gulp build”, uneori activele mele nici nu sunt generate deloc. Acest lucru se întâmplă chiar și din linia de comandă. După ce rulez „gulp clean” (care elimină output-ul), trebuie să rulez „gulp build” de două ori doar pentru a vedea output-ul să se materializeze. Este ca și cum gulp eșuează în mod silențios. Nu sunt sigur dacă aceasta este o problemă cu Node care rulează pe Windows sau dacă am configurat ceva greșit.

Rețineți că VS este responsabil pentru compilarea tuturor fișierelor TypeScript într-un singur fișier .js în folderul \output.

Îmi cer scuze anticipat dacă există o metodă mai bună de a face ceea ce încerc să fac. Sunt în continuare începător la gulp/node.

VS Pre-Build:

gulp clean

VS Post-Build:

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"]);

Răspuns #1

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

Aceste sarcini (copyNewestLibraries, produceApp, etc.) rulează asincron, fără o ordine anume. De exemplu, produceApp se poate termina înainte de copyNewestLibraries, ceea ce probabil nu este ceea ce doriți.

Vezi Cum să rulezi sarcini Gulp secvențial una după alta pentru mai multe informații.