将 gulp 3.0 任务转换为 gulp 4.0

【问题标题】：Converting gulp 3.0 task to gulp 4.0将 gulp 3.0 任务转换为 gulp 4.0
【发布时间】：2018-08-29 00:52:51
【问题描述】：

我有一个最初为 gulp 3.0 编写的 gulp 脚本。但是在更新之后，由于更新的设计，以下任务失败了。下面的文章描述了这个问题，

    gulp.task("tsbuild", ["lint", "lint-css", "tsbuild-vendor"], () => {
    runWebpack(configFile);
});

上面的代码抛出以下错误，

抛出新的 assert.AssertionError({ ^ AssertionError: 必须指定任务函数

我正在构建一个复杂的 Web 应用程序并希望摆脱该错误。学习 gulp 超出了我的范围，因为我只需要构建 Web 应用程序。有人可以指出我按照 Gulp 4.0 指南正确转换上述代码 sn-p 吗？

【问题讨论】：

【解决方案1】：

可能有几种不同的方法可以做到这一点，但这是我的看法：

当我从 Gulp 3 转换到 4 时，我开始使用与 `gulp.task()' 不同的语法。如果您尝试在构建命令中运行一系列任务，则可以导入：

const { series } = require('gulp');

然后使用语法创建构建任务：

exports.tsbuild = series(lint, lint-css, tsbuild-vendor);

或者，如果您尝试并行运行所有任务，请将 series 替换为 parallel：

const { parallel } = require('gulp');

exports.tsbuild = parallel(lint, lint-css, tsbuild-vendor);

此外，您可以将各个任务的语法更改为函数格式，如下所示：

function lint() {
  // task operations go in here
}

我希望这是有道理的。如果您想了解更多上下文，可以在here 找到我使用版本 4 的完整 Gulp 设置。

【讨论】：