升级至Node.js 12及Gulp4后，如何在Cordova钩子中执行Gulp任务？

我完全懂你碰到的麻烦——升级到Gulp 4后，旧的gulp.start()方法直接被砍掉了，导致原来的Cordova钩子彻底失效。不过别慌，我们可以用Gulp 4的新特性来搞定这个问题，而且方法比原来更规范。

第一步：调整你的gulpfile.js，导出任务 #

首先，我们需要把build任务从gulpfile里导出，这样钩子文件能直接引用它，而不是依赖Gulp内部的任务注册表。修改你的gulpfile.js如下：

'use strict';
const gulp = require('gulp');

// 你的子任务定义（保持不变）
gulp.task('moveBrandingFiles', function() { /* ... 你的任务逻辑 ... */ });
gulp.task('webpack-task', function() { /* ... 你的任务逻辑 ... */ });
gulp.task('sass', function() { /* ... 你的任务逻辑 ... */ });
gulp.task('index', function() { /* ... 你的任务逻辑 ... */ });

// 定义build任务并导出
const build = gulp.series('moveBrandingFiles', 'webpack-task', 'sass', 'index');
gulp.task('build', build);

// 把build任务导出到模块外
module.exports = { build };

第二步：修改Cordova钩子文件，直接调用导出的任务 #

接下来，更新你的钩子文件，直接引用gulpfile里导出的build任务，然后执行它并处理异步结果：

#!/usr/bin/env node
'use strict';
// 直接从gulpfile导入build任务
const { build } = require('../gulpfile.js');

function hook() {
    process.stdout.write('Running gulp build task\n');
    
    // 执行build任务，Gulp 4的series/parallel返回的是可调用的异步函数
    build(function(err) {
        if (err) {
            process.stdout.write(`Gulp build failed: ${err.message}\n`);
            process.exit(1); // 告诉Cordova钩子执行失败，终止流程
        } else {
            process.stdout.write('Gulp build completed successfully\n');
            process.exit(0); // 通知Cordova钩子执行成功
        }
    });
}

module.exports = hook;

为什么这个方法可行？ #

• Gulp 4中，gulp.series()和gulp.parallel()返回的是异步函数，你可以直接调用这个函数来触发任务流，不需要依赖gulp.start这种内部方法。
• 通过导出任务，我们遵循了Node.js的模块规范，避免了依赖Gulp内部的任务注册表（这也是gulp.start被移除的核心原因之一）。
• 必须处理任务的回调：因为Gulp任务是异步的，Cordova钩子需要明确知道任务是否完成，通过process.exit(0)（成功）或process.exit(1)（失败）来告诉Cordova后续该怎么处理，否则钩子可能会在任务执行完前就提前结束。

备选方案（不修改gulpfile导出的情况） #

如果你不想改动gulpfile的导出逻辑，也可以通过gulp.task()方法直接获取已注册的任务：

#!/usr/bin/env node
'use strict';
const gulp = require('gulp');
require('../gulpfile.js'); // 加载gulpfile，注册所有任务

function hook() {
    process.stdout.write('Running gulp build task\n');
    // 获取已注册的build任务
    const buildTask = gulp.task('build');
    // 执行任务并处理结果
    buildTask(function(err) {
        if (err) {
            process.stdout.write(`Gulp build failed: ${err.message}\n`);
            process.exit(1);
        } else {
            process.stdout.write('Gulp build completed successfully\n');
            process.exit(0);
        }
    });
}

module.exports = hook;

不过我更推荐第一种导出任务的方式，代码结构更清晰，也更符合现代Node.js的开发习惯。

内容的提问来源于stack exchange，提问作者Andrew