吞嚥任務競賽條件

Question

我有一個吞嚥任務（a）同步的問題。以下是我的gulp文件。基本上，我想先清理目錄，然後將一些文件複製/生成到新目錄中。問題在於競爭狀態。我需要執行clean和然後執行所有其餘的（在build任務內）。

當前的執行或者按預期完成，或者由於競爭條件導致ENOENT目錄不存在而失敗。

var gulp = require('gulp'); 
var concat = require('gulp-concat'); 
var clean = require('gulp-clean'); 
var cleanCSS = require('gulp-clean-css'); 

var cfg = { 
    js: { 
    vendor: [ 
     './node_modules/angular/angular.min.js', 
     './node_modules/angular-translate/dist/angular-translate.min.js', 
     './node_modules/angular-bootstrap/ui-bootstrap.min.js', 
     './node_modules/angular-bootstrap/ui-bootstrap-tpls.min.js' 
    ], 
    app: './app/js/*' 
    }, 
    css: { 
    vendor: [ 
     './node_modules/bootstrap/dist/css/bootstrap.css', 
     './node_modules/font-awesome/css/font-awesome.css' 
    ], 
    app: './app/css/*' 
    } 
}; 

gulp.task('clean', function() { 
    return gulp.src('./dist', {read: false}) 
    .pipe(clean()); 
}); 

gulp.task('vendor-js', function() { 
    return gulp.src(cfg.js.vendor) 
    .pipe(concat('vendor.js')) 
    .pipe(gulp.dest('./dist/')); 
}); 

gulp.task('app-js', function() { 
    return gulp.src(cfg.js.app) 
    .pipe(concat('app.js')) 
    .pipe(gulp.dest('./dist/')); 
}); 

gulp.task('vendor-css', function() { 
    return gulp.src(cfg.css.vendor) 
    .pipe(cleanCSS({compatibility: 'ie8'})) 
    .pipe(concat('vendor.css')) 
    .pipe(gulp.dest('./dist/')); 
}); 

gulp.task('app-css', function() { 
    return gulp.src(cfg.css.app) 
    .pipe(cleanCSS({compatibility: 'ie8'})) 
    .pipe(concat('app.css')) 
    .pipe(gulp.dest('./dist/')); 
}); 

gulp.task('fonts', function() { 
    gulp.src('./app/fonts/**/*') 
    .pipe(gulp.dest('./dist/fonts')); 

    gulp.src('./node_modules/font-awesome/fonts/**/*') 
    .pipe(gulp.dest('./dist/fonts')); 
}); 

gulp.task('build', [ 
    'clean', 
    'vendor-js', 
    'app-js', 
    'vendor-css', 
    'app-css', 
    'fonts' 
]); 

gulp.task('default', ['build']); 

Answer 1

實際上，對於串行（同步）任務一飲而盡支持是有點蹩腳，需要做的克服，因爲它是不是應用的非標要求...

由於clean任務是已經做了一回，這項工作是：

• 定義任務依賴於clean對於需要它
• 後各單項任務，從去除

最終的解決方案是：

var gulp = require('gulp'); 
var concat = require('gulp-concat'); 
var clean = require('gulp-clean'); 
var uglify = require('gulp-uglify'); 
var cleanCSS = require('gulp-clean-css'); 

var cfg = { 
    js: { 
    vendor: [ 
     './node_modules/angular/angular.min.js', 
     './node_modules/angular-translate/dist/angular-translate.min.js', 
     './node_modules/angular-bootstrap/ui-bootstrap.min.js', 
     './node_modules/angular-bootstrap/ui-bootstrap-tpls.min.js' 
    ], 
    app: './app/js/*' 
    }, 
    css: { 
    vendor: [ 
     './node_modules/bootstrap/dist/css/bootstrap.css', 
     './node_modules/font-awesome/css/font-awesome.css' 
    ], 
    app: './app/css/*' 
    }, 
    fonts: [ 
    './app/fonts/**/*', 
    './node_modules/font-awesome/fonts/**/*', 
    './node_modules/bootstrap/fonts/**/*' 
    ] 
}; 

gulp.task('clean', function() { 
    return gulp.src('./dist', {read: false}) 
    .pipe(clean()); 
}); 

gulp.task('vendor-js', ['clean'], function() { 
    return gulp.src(cfg.js.vendor) 
    .pipe(concat('vendor.js')) 
    .pipe(gulp.dest('./dist/'));}); 

gulp.task('app-js', ['clean'], function() { 
    return gulp.src(cfg.js.app) 
    .pipe(uglify('app.js')) 
    .pipe(gulp.dest('./dist/')); 
}); 

gulp.task('vendor-css', ['clean'], function() { 
    return gulp.src(cfg.css.vendor) 
    .pipe(cleanCSS({compatibility: 'ie8'})) 
    .pipe(concat('vendor.css')) 
    .pipe(gulp.dest('./dist/')); 
}); 

gulp.task('app-css', ['clean'], function() { 
    return gulp.src(cfg.css.app) 
    .pipe(cleanCSS({compatibility: 'ie8'})) 
    .pipe(concat('app.css')) 
    .pipe(gulp.dest('./dist/')); 
}); 

gulp.task('fonts', function() { 
    gulp.src(cfg.fonts) 
    .pipe(gulp.dest('./fonts')); 
}); 

gulp.task('build', [ 
    'vendor-js', 
    'app-js', 
    'vendor-css', 
    'app-css', 
    'fonts' 
]); 

gulp.task('default', ['build']);