错误:任务x不支持不是字符串数组的依赖项

Question

我正在按照本教程介绍如何从gulp和browserify(以及其他插件)开始.

结构如下:

.
??? gulpfile.js
??? gulp
    ??? index.js
    ??? tasks
        ??? browserify.js
        ??? minifyCss.js

/* gulpfile.js */
var gulp = require('./gulp')([
    'minifyCss',
    'browserify'
]);

gulp.task('default', ['minifyCss', 'browserify']);

/* index.js */
var gulp = require('gulp');

module.exports = function(tasks) {
    tasks.forEach(function(name) {
        gulp.task(name, require('./tasks/' + name));
    });

    return gulp;
};

/* tasks/minifyCss.js */
var gulp      = require('gulp');
var minifyCss = require('gulp-minify-css');

gulp.task('minifyCss', function() {
  return gulp.src('css/*.css')
    .pipe(minifyCss())
    .pipe(gulp.dest('dist'));
})

但是,运行$ gulp它时会产生以下错误:

Error: Task minifyCss can't support dependencies that is not an array of strings
at Gulp.Orchestrator.add (/home/joao/src/joaopw/node_modules/gulp/node_modules/orchestrator/index.js:47:10)
at /home/joao/src/joaopw/gulp/index.js:5:14
at Array.forEach (native)
at module.exports (/home/joao/src/joaopw/gulp/index.js:4:11)
at Object.<anonymous> (/home/joao/src/joaopw/gulpfile.js:1:91)
at Module._compile (module.js:456:26)
at Object.Module._extensions..js (module.js:474:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Module.require (module.js:364:17)

我似乎无法找到这里的问题,我是否遗漏了一些争论或？代码与本教程中的示例没有太大区别.

Answer 1

在循环index.js内的文件中,forEach每个gulp任务都必须具有回调函数,因此您需要从任务中导出一个,如下所示:

/* tasks/minifyCss.js */
var gulp      = require('gulp');
var minifyCss = require('gulp-minify-css');

module.exports = function() {
    return gulp.src('css/*.css')
               .pipe(minifyCss())
               .pipe(gulp.dest('dist'));
 };