gulp - 使用 gulp 对任务进行排序

Question

我有点被 gulp 难住了。根据文档，为了获得顺序执行，我应该从我的任务中返回流，所以我尝试为我的 gulpfile 执行以下操作。但据我所知，存在竞争条件。有一半时间我收到 ENOENT、lstat 错误，另一半时间成功，但我的 deployDir 有奇怪的文件夹名称和丢失的文件。我错过了什么吗？这有什么技巧吗？

var gulp = require('gulp'),
    filter = require('gulp-filter'),
    mainBowerFiles = require('main-bower-files'),
    del = require('del'),
    inject = require("gulp-inject"),
    uglify = require('gulp-uglifyjs');

var config = {
    bowerDir: 'src/main/html/bower_components',
    cssDir: 'src/main/html/css/lib',
    fontsDir: 'src/main/html/fonts/lib',
    imgDir: 'src/main/html/img/lib',
    jsDir: 'src/main/html/js/lib',
    deployDir: 'src/main/resources/html'
};

gulp.task('default', ['clean', 'bowerdeps', 'dev']);

gulp.task('clean', function() {
    return del([
        config.cssDir,
        config.fontsDir,
        config.jsDir,
        config.deployDir
    ]);
});

gulp.task('dev', function() {
    return gulp
        .src(['src/main/html/**', '!src/main/html/{bower_components,bower_components/**}'])
        .pipe(gulp.dest(config.deployDir));
});

gulp.task('bowerdeps', function() {
    var mainFiles = mainBowerFiles();

    if(!mainFiles.length) return; // No files found

    var jsFilter = filterByRegex('.js$');
    var cssFilter = filterByRegex('.css$');
    var fontFilter = filterByRegex('.eot$|.svg$|.ttf$|.woff$');

    return gulp
        .src(mainFiles)
        .pipe(jsFilter)
        .pipe(gulp.dest(config.jsDir))
        .pipe(jsFilter.restore())
        .pipe(cssFilter)
        .pipe(gulp.dest(config.cssDir))
        .pipe(cssFilter.restore())
        .pipe(fontFilter)
        .pipe(gulp.dest(config.fontsDir));
});

// Utility Functions
var filterByRegex = function(regex){
    return filter(function(file){
        return file.path.match(new RegExp(regex));
    });
};

Answer 1

依赖关系始终并行运行:['clean', 'bowerdeps', 'dev']。

https://github.com/gulpjs/gulp/blob/master/docs/recipes/running-tasks-in-series.md

您可以使用 run-sequence用于测序任务。

其他:del 不返回流。改为使用回调:

gulp.task('clean', function(cb) {
    del([
        config.cssDir,
        config.fontsDir,
        config.jsDir,
        config.deployDir
    ], cb);
});