Блог

После прочтения нескольких связанных тем я все еще не могу понять, что вызывает gulp, выполняющий задачу дважды.

Это единственная задача, выполняемая дважды:

 const acf = "_sass/_admin/acf.scss";
const output = "./assets";

gulp.task("acf", () => {
    return gulp.src(acf)
        .pipe(plumber())
        .pipe(sass())
        .pipe(autoprefixer("last 2 versions", "> 5%"))
        .pipe(concat("acf.min.css"))
        .pipe(minify({ compatibility: '*' }))
        .pipe(gulp.dest(output))
        .pipe(browserSync.stream());
});
  

Другая задача, которая обрабатывает одноранговый файл, выполняется только один раз:

 const gutenberg = "_sass/_admin/gutenberg.scss";

gulp.task("gutenberg", () => {
    return gulp.src(gutenberg)
        .pipe(plumber())
        .pipe(sass())
        .pipe(autoprefixer("last 2 versions", "> 5%"))
        .pipe(concat("gutenberg.min.css"))
        .pipe(minify({ compatibility: '*' }))
        .pipe(gulp.dest(output))
        .pipe(browserSync.stream());
});
  

Запись в тот же каталог, который просматривает другая задача, похоже, не является проблемой.

Посмотрите на этот обработчик:

 gulp.task("default", done => {
    browserSync.init({
        open: false,
        proxy: siteURL
    });

    gulp.watch(acf, gulp.series("acf"));
    gulp.watch(gutenberg, gulp.series("gutenberg"));
    done();
});
  

Чего мне не хватает? Как мне убедиться, что задача ACF выполняется только один раз?