javascript - 多个 gulp 文件并使用 require 从其他 gulpfiles.js 继承任务

Question

我试图在我运行 gulp 命令的地方要求我自己的 gulpfile (gulpfile.js) 中有一个 gulpfile (someGulpfile.js)。当我尝试使用 someGulpfile 中定义的任务时，它会在控制台上抛出错误，提示 Task 'default' is not in your gulpfile 即使我刚刚执行了 require('./someGulpfile'); 在我的 gulpfile.js

如何使用 someGulpfile 中定义的任务？是什么导致了这个问题？

我发现这有点工作，但它不会输出运行的每个任务(例如，它不会输出，启动某些任务，完成某些任务，启动默认值，...)，如果有错误，它不会输出显示错误及其发生位置，但在 gulp 库代码中出现错误，在格式化错误输出时遇到问题。

//gulpfile.js
var gulp = require('gulp');
gulp.tasks = require('./someGulpfile').tasks;

//someGulpfile.js
var gulp = require('gulp');
gulp.task('sometask', function() {});
gulp.task('default', ['sometask']);
module.exports = gulp;

Answer 1

可以尝试这样的事情:

gulpfile.js

require("./gulp/tasks/build-js.js")();
require("./gulp/tasks/build-css.js")();

./gulp/tasks/build-js.js

var gulp = require("gulp");

module.exports = function() {
    gulp.task("js", function() {
        return gulp.src("./app/**/*.js")
                   .pipe(); 
                   //etc.
    }
}

./gulp/tasks/build-css.js

var gulp = require("gulp");

module.exports = function() {
    gulp.task("css", function() {
        return gulp.src("./app/style/*.css")
                   .pipe();
                   //etc.
    }
}

这将使您可以将 gulp 任务模块化到不同的文件夹中。