爲什麼我的Gulp構建任務沒有正確設置？

Question

我似乎有任務如何被存儲在我的變量或什麼的問題。我基於在給定的構建中有多少個css文件，js文件和網站，動態創建任務。這些都是陣列IM處理：

var styleNames = ['main']; 
var scriptNames = ['main', 'head', 'libs']; 
var siteNames = ['my-app', 'my-other-app']; 

所以，我想爲每個站點名一的main.css和相關的.js文件。

//loop through style array and run function to build the tasks that should run on default 
for (var style in styleNames) { 
    prepareTasks(styleNames[style], "scss"); 
} 
for (var script in scriptNames) { 
prepareTasks(scriptNames[script], "js"); 
} 

這些運行：

function prepareTasks(filename, extension) { 
//do this in a loop for every site 
for (var site in siteNames) { 
    var taskName = siteNames[site] + '-' + filename + '-' + extension; 

    buildTasks.push(taskName); 
    var paths = []; 

    if (filename === 'main') { 
     paths = [ 
      '!./src/' + extension + '/**/materialize/components/**', 
      './src/' + extension + '/bootstrap/*.' + extension, 
      './src/' + extension + '/plugins/*.' + extension, 
      './src/' + extension + '/util/*.' + extension, 
      '!./src/' + extension + '/**/*@*.' + extension, 
      './src/' + extension + '/**/*.' + extension, 
      './src/modules/**/*.' + extension  
     ] 
    } else { 
     paths = './src/' + extension + '/**/*@' + filename + '.' + extension; 
    } 

    if (extension === "scss") { 
     console.log(taskName); 
     console.log('^^ outside task in sass if') 

     gulp.task(taskName, function() { 
      console.log(taskName); 
      console.log('^^ inside sass task') 
      setScssTasks(siteNames[site], filename, paths); 
     }); 

    } else if (extension === "js") { 
     gulp.task(taskName, function() { 
      setJSTasks(siteNames[site], filename, paths); 
     }); 

    } 

    watchTasks.paths.push(paths); 
    watchTasks.taskNames.push(taskName); 
} 

};

這些運行後，一飲而盡默認任務設置：

gulp.task('default', buildTasks); 

所以當任務運行「我的應用程序內 - 主 - SCSS」，在執行console.log讀取裏面的任務不正確的TASKNAME和不正確的siteName [site]。它被設置爲數組中的最後一項。這裏是我的整個代碼jsfiddle：https://jsfiddle.net/zrcbzp99/ 這些任務是如何不正確設置？

Answer 1

我認爲答案在這裏將幫助您：

creating tasks using a loop [gulp]

你的遍歷的網站名稱將已經完成/達到你一飲而盡任務的功能調用時間的最後SITENAME /調用。

嘗試這樣：

var siteNames = ['my-app', 'my-other-app']; 

... 

function prepareTasks(filename, extension) { 

    .... 


    siteNames.forEach(function(siteName) { 

     var taskName = siteName + '-' + filename + '-' + extension; 

     .... 

     gulp.task(taskName, function() { 
      setScssTasks(siteName, filename, paths); 
     }); 
    }); 
}