Question

我在枚举目录中的子目录。对于每个子目录，我想应用一些gulp活动，比如编译较少，然后创建一个特定于该子目录的输出文件。

我希望gulp进程能够继续，因为稍后需要进行进一步的转换步骤。

有人可以帮助我理解如何在“gulp管道”中途创建这些文件吗？

Answer 1

这看起来非常有趣，而gulp完全没有任何限制。

我会详细举例说明我是如何在不久前完成这项任务的。

假设您有directoryA。子目录childA，childB和childC包含在directoryA中。所以基本上你的树结构看起来像：

directoryA
--childA
--childB
--childC

我一直在寻找灵活的解决方案，因此我建议在每个子目录中包含一个JSON文件，命名您要运行的任务。使用fs您可以访问这些文件。您还可以使用run-sequence同步执行gulp任务。

出于演示目的，将名为manifest.json的文件放在childA子目录中。

Manifest.json包含以下声明：

{
    "filesToProccess" : ["./childA/*.js", "./childB/*.js"],
    "tasksToRun" :["taskA", "taskB"]
}

最后gulpfile会这样：

'use strict';

//dependencies declared into package.json
//install them using npm

var gulp = require('gulp'),
    fs = require('fs'),
    runSequence = require('run-sequence'),
    path = require('path');


//these two array will keep the actions you have included into manifest file.
var filesHolder = [], tasksHolder = [];

gulp.task('taskA', function () { 
    return gulp.src(filesHolder)
    .pipe(whatever)
    .pipe(gulp.dest('whatever')); //chailed actions 
});


gulp.task('taskB', function () { 
    return gulp.src(filesHolder)
    .pipe(whatever)
    .pipe(gulp.dest('whatever')); 
});

//a simple utility function to read all subdirectories of directoryA

function getDirectories(srcpath) {
  return fs.readdirSync(srcpath).filter(function(file) {
    return fs.statSync(path.join(srcpath, file)).isDirectory();
  });
}



//finally insert the default gulp task
gulp.task('default', function(){

    var manifest;

    //map directory's A subdirectories
    var availableDirs = getDirectories("./directoryA");

    //finally loop the available subdirectories, load each manifest file and 
    availableDirs.forEach(function(subdir) {
        manifest = require("./directoryA/"+subdir+"manifest.json");
        filesHolder = manifest.filesToProccess;
        tasksHolder = manifest.tasksToRun;
        runSequence( tasksHolder , function () {
            console.log( " Task ended :" + tasksHolder + " for subdirectory : " + subdir); 
        });

    });

});

如何使用gulp实现这一目标？

1 个答案: