首页 > 解决方案 > Gulp 自定义函数返回并行不会做任何事情

问题描述

我试图通过允许对专用文件进行简单配置来在 Gulp API 上实现抽象层。

总而言之,我有一个函数 ( builder),它需要该文件 ( gulpconfig.js),并调用ReadableStream从配置文件导出的对象返回 s 的函数parallel()

这是要点(从我的私人来源简化)。

但是,当我这样做时gulp build,它不会TestHandler按应有的方式调用该函数。经过一段时间的调试,我发现一切(包括变量赋值等)都可以正常工作,但它不会执行返回的parallel()实例。

我该如何解决这种行为?

以下是来自 GitHub Gist 的代码片段:

gulpfile.js

/* REQUIRES */
const { parallel } = require('gulp');
const user = require('./gulpconfig');

let params = {};
let fns = [];

async function builder() {
    for (let [name, props] of Object.entries(user.config)) {
        let fnName = name;
        let fn = user[fnName];
        let src = props.src;
        let dest = props.dest;
        params[fnName] = { src, dest };
        fns.push(fn);
    }
    user.paramCp(params);
    return parallel(...fns);
}
exports.build = builder;

gulpconfig.js

/* REQUIRES */
const { src, dest, on, watch } = require('gulp');
const pipeline = require('readable-stream');
/* USER CONFIG */
exports.config = {
    testHandler: {
        src: "./input/*",
        dest: "./output/",
    },
};
/* LOCAL PARAM HANDLER. USED INTERNALLY. */
var params;
exports.paramCp = _params => {
    params = _params;
};
var tSrc;
var tDest;
function getParams() {
    let obj = params[getParams.caller.name];
    tSrc = obj.src;
    tDest = obj.dest;
}
/* HANDLERS. DEFINED BY handler KEY IN CONFIG */
exports.testHandler = function testHandler() {
    getParams(); // You can now use tSrc and tDest
    return pipeline(src(tSrc), dest(tDest));
};

标签: javascriptasynchronousgulpconfig

解决方案


这对于 Gulp 来说是意料之中的。

gulp.parallelgulp.series返回函数(它们将分别同时和串行执行它们的参数)。它们旨在用于任务定义(需要函数的地方)或直接调用。

有关更多详细信息和说明,请参阅此 GitHub 问题

解决方案

执行返回的函数parallel

    return parallel(...fns)();

附加问题:问题pipeline

看起来您正在尝试在pipeline这里使用,这不是一个坏主意,但是您的pipeline变量未正确定义。 const pipeline = require('readable-stream');使pipeline类型Readable。这是包的默认导出readable-stream

你可能想要这个

const { pipeline } = require('readable-stream');

推荐阅读