gulp - 如何使用 gulp-if 退出任务

Question

我有一个处理图像的 gulp 4 任务。首先，它会缩小它们，如果满足条件，则应将 SVG 转换为 PHP 部分。如果不满足，我该如何实现这样的条件并停止任务。

function processImages() {
    return src(src)
        .pipe(
            imagemin([
                imagemin.gifsicle({
                    interlaced: true,
                }),
                imagemin.jpegtran({
                    progressive: true,
                }),
                imagemin.optipng({
                    optimizationLevel: 3,
                }),
                imagemin.svgo({
                    plugins: [
                        {
                            removeViewBox: false,
                        },
                        {
                            cleanupIDs: false,
                        },
                    ],
                }),
            ]),
        )
        .pipe(dest(dest))
        // STOP AFTER THIS STEP IF CONDITION IS NOT MET
        .pipe(gulpif(!shouldCreatePartials(), exit()))
        .pipe(filter(file => /svg$/.test(file.path)))
        .pipe(
            rename({
                extname: '.php',
            }),
        )
        .pipe(dest(partialsDest));
}

Answer 1

请参阅gulp-fail - 看起来它是为 gulp-if 工作的。

var fail   = require('gulp-fail');
var gulpIf = require('gulp-if');

var condition = true;


// Will fail with the given message shown as the reason.
gulp.task('mytask', function() {
  return gulp.src('**/*.js')
             .pipe(gulpIf(condition, fail("It failed cause I told it to! ...Hooray?")));
})

Answer 2

最后，我的解决方案是将 dest() 也简单地包装在 if 中。

function processImages() {
    return src(src)
        .pipe(imagemin(),)
        .pipe(dest(dest))
        .pipe(gulpif(shouldCreatePartials(), filter(file => /svg$/.test(file.path))))
        .pipe(gulpif(shouldCreatePartials(), rename({
           extname: '.php',
         })))
        .pipe(gulpif(shouldCreatePartials(), dest(partialsDest)));
}