如何在Gulp 4中将函数作为任务运行

Question

如何在Gulp执行期间运行函数，以便Gulp将函数视为任务(将其打印到日志中(？

下面是我的gulpfile.js:的一个例子

async function doStaff(todo) {
// ...
}
exports.default = async () => {
// Some asynchronous logic which gets the subtasks
const todos = await myAPI.getTodos();
await Promise.all(todos.map(async todo => {
const subTask = doStuff.bind(todo);
subTask.displayName = `todo «${todo.name}»`;
await subTask(); // I want it to run as a Gulp task
}));
};

预期Gulp输出：

Starting 'default'...
Starting 'todo «foo»'...
Starting 'todo «bar»'...
Finished 'todo «foo»' after 1.2s
Finished 'todo «bar»' after 1.5s
Finished 'default' after 2s

实际Gulp输出：

Starting 'default'...
Finished 'default' after 2s

原因：我的子任务列表无法同步检索，Gulp不支持异步配置，也不会支持异步配置。我更希望在Gulp输出中看到子任务的进度和时间。

Answer 1

将函数封装到gulp.series或gulp.parallel中，使Gulp显示其状态。这看起来不是一个优雅的解决方案，但它是我找到的最好的解决方案。

这里有一个通用的例子：

function runGulpTask(func) {
return new Promise((resolve, reject) => gulp.series(func)(error => {
if (error) {
reject(error);
} else {
resolve();
}
}));
// The same solution using built-in Node.js functions:
// const {promisify} = require('util');
// return promisify(gulp.series(func))();
}
async function doStaff(todo) {
// ...
}
exports.default = async () => {
const todos = await myAPI.getTodos();
await Promise.all(todos.map(async todo => {
const subTask = doStuff.bind(todo);
subTask.displayName = `todo «${todo.name}»`;
await runGulpTask(subTask);
}));
};

Gulp输出与预期输出相同。

这里有一个更具体的例子：

async function doStaff(todo) {
// ...
}
exports.default = async () => {
const todos = await myAPI.getTodos();
const subTasks = todos.map(todo => {
const subTask = doStuff.bind(todo);
subTask.displayName = `todo «${todo.name}»`;
return subTask;
});
await new Promise((resolve, reject) => gulp.parallel(...subTasks)(error => {
if (error) {
reject(error);
} else {
resolve();
}
}));
// Or using built-in Node.js functions:
// const {promisify} = require('util');
// await promisify(gulp.parallel(...subTasks))();
};