用循环运行Gulp任务

Question

我的Gulp任务有问题。我使用一个任务来创建多个带有大嘴胡子的html文件，以便在最后有两个文件（index_de.html和index_en.html）。我有一个包含字符串的.json文件。它一切正常。但是我总是最终得到两个文件都是de或en，而不是每个语言一个文件。我已经尝试过creating tasks using a loop [gulp]，但这不起作用。

编辑：澄清：两个文件包含相同的内容。总是。似乎随机会使用什么语言，但它总是一样的。

我咕嘟咕嘟的任务如下所示：

gulp.task('mustache', function() { 
    console.log('Found '+Object.keys(strings).length+' languages.'); 
    for (var l in strings) { 
    var lang = strings[l]; 
    (function(lang, l) { 
    gulp.src(buildpath+'/index.html') 
     .pipe(mustache(lang)) 
     .pipe(rename('index_'+l+'.html')) 
     .pipe(compressor({ 
     'remove-intertag-spaces': true, 
     'compress-js': true, 
     'compress-css': true 
     })) 
     .pipe(gulp.dest(destpath+'/')); 
    })(lang, l); 
    } 
}); 

Answer 1

您可以尝试async

var async = require('async'); 

gulp.task('build', function (done) { 
var tasks = []; 
    for (var i = 0; i < config.length; i++) { 
     tasks.push(function() { 
      var tmp = config[i]; 
      return function (callback) { 
       gulp.src(tmp.src) 
        .pipe(blah blah blah 
       )) 
        .pipe(gulp.dest(tmp.dest)) 
        .on("end", callback); 
      } 
     }()); 
    } 
    async.parallel(tasks, done); 
}); 

Answer 2

我觉得这里的选项是合并了一系列gulp.src()流和合并后返回流。这里是您的代码修改为使用merge-stream NPM包（https://www.npmjs.com/package/merge-stream）。

var mergeStream = require('merge-stream'); 

gulp.task('mustache', function() { 
    console.log('Found ' + Object.keys(strings).length + ' languages.'); 
    var tasks = []; 
    for (var l in strings) { 
     var lang = strings[l]; 
     tasks.push(
      gulp.src(buildpath + '/index.html') 
       .pipe(mustache(lang)) 
       .pipe(rename('index_' + l + '.html')) 
       .pipe(compressor({ 
        'remove-intertag-spaces': true, 
        'compress-js': true, 
        'compress-css': true 
       })) 
       .pipe(gulp.dest(destpath + '/')) 
     ); 
    } 
    return mergeStream(tasks); 
});