如何在湾管中并行运行两个单独的插件

Question

我正在尝试通过使用gulp-ttf2woff和gulp-ttf2woff2插件来设置GULP任务，以将.ttf字体转换为WebFont格式。分别将源字体转换为.woff和.woff2。

我提出了这两个单独的功能，每个插件都一个：

function fontsW(done) {
    src(fontsSrc)
        .pipe(ttf2woff())
        .pipe(dest(fontsDist))
    done();
};
function fontsW2(done) {
    src(fontsSrc)
        .pipe(ttf2woff2())
        .pipe(dest(fontsDist))
    done();
};

是否可以将它们缩合在单个功能中，我们称其为function fonts(done) {}，一次照顾两个插件？

基本上，我想拥有类似的东西

function fontsW2(done) {
    src(fontsSrc)
        .pipe(ttf2woff())
        .pipe(ttf2woff2())
        .pipe(dest(fontsDist))
    done();
};

ttf2woff()和ttf2woff2()都接收src的输出并将其处理的文件提供给dest。

Answer 1

您可以做到这一点：

function fontsW(done) {
    src(fontsSrc)
        .pipe(ttf2woff())
        .pipe(dest(fontsDist))
     src(fontsSrc)
        .pipe(ttf2woff2())
        .pipe(dest(fontsDist))
    done();
};

Answer 2

您可以定义一个并行调用两个函数的任务：

gulp.task('fonts', gulp.parallel(ttf2woff, ttf2woff2));

您可以在其他任务中使用此任务（例如，从default任务调用），也可以直接从终端调用：

gulp fonts