使用 gulp 对任务进行排序

Question

我对 gulp 有点困惑。根据文档，为了获得顺序执行，我应该从我的任务中返回流，所以我尝试对我的 gulp 文件执行以下操作。但据我所知，存在竞争条件。有一半时间我收到 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 不 return 流。改为使用回调：

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

使用 gulp 对任务进行排序

Sequencing tasks with gulp

gulp