Gulp 任务运行多次

Question

我有一个 gulp 任务，每次我对文件进行更改时都会运行执行多次。

var gulp = require('gulp');
var concat = require('gulp-concat')
var gulpLess = require('gulp-less');
var notify = require("gulp-notify");

var less = []; // array of less files
var css = []; // array of css files

gulp.task('less', function() {
    return gulp.src(less)
        .pipe(gulpLess())
        .pipe(gulp.dest('./assets/css/'));
});

gulp.task('css', ['less'], function() {
    return gulp.src(css)
        .pipe(concat('style.css'))
        .pipe(gulp.dest('./htdocs/assets/'))
        .pipe(notify('CSS finished compiling!'));
});

gulp.task('watch', function() {
    gulp.watch(css.concat(less), ['css']);
    gulp.watch(js, ['js']);
});

当我执行 gulp watch 并对监视的 css 或更少的文件之一进行更改时，less 和 css 任务运行按顺序四次。同样，每次进行大量修改时，通知运行会变得有点多。

如有任何帮助，我们将不胜感激。

Answer 1

gulp.task('css', ['less'], function() {}。那是那里的两倍。更少的 dest 是 css。那又是两个。

Gulp 任务运行多次

Gulp task runs multiple times

gulp

gulp-less

gulp-watch