如何讓Grunt在運行另一個任務之前等待任務完成？

Question

這是我的Gruntfile和輸出 。

正如您在輸出中看到的，有幾個與異步任務相關的問題：

1. imagemin被調用，下一個直接進入。 這使得它的輸出出現在任務的最后，這是非常混亂的;
2. build ，它是一個自定義的任務， 使用 var done = this.async()並調用done()結束命令之后; 但是，如果我單獨執行任務，這只能正常工作; 用另一個任務運行它也使它也運行異步;
3. 隨着build運行以后， jasmine沒有什么可測試的，因此沒用。

有沒有辦法解決這個問題？

Answer 1

我相信你的問題在於這個任務：

grunt.registerTask('prepare-dist', 'Creates folders needed for distribution', function() {
            var folders = ['dist/css/images', 'dist/imgs/icons'];
            for (var i in folders) {
                    var done = this.async();
                    grunt.util.spawn({ cmd: 'mkdir', args: ['-p', folders[i]] }, function(e, result) {
                            grunt.log.writeln('Folder created');
                            done();
                    });
            }
    });

如果您有多個文件夾，則會多次調用async（）和done（）。 Async實現為一個簡單的標志（true / false），意味着要調用一次。 第一個done（）調用允許任何后續任務運行。

有很多方法可以將調用轉移到異步並完成循環。 快速谷歌搜索類似於： nodejs how to callback when a series of async tasks are complete將為您提供一些額外的選項。 一些快速（和骯臟）的例子：

// Using a stack
(function() {
    var work = ['1','2','3','4','5']


    function loop(job) {
        // Do some work here
        setTimeout(function() {
            console.log("work done");

            work.length ? loop(work.shift()) : done();
        }, 500);
    }

    loop(work.shift());

    function done() {
        console.log('all done');
    }
})();

- 要么 -

// Using a counter (in an object reference)
(function() {
    var counter = { num: 5 }

    function loop() {
        // Do some work here
        setTimeout(function() {
            --counter.num;

            console.log("work done");

            counter.num ? loop() : done();
        }, 500);
    }

    loop();

    function done() {
        console.log('all done');
    }
})();

Answer 2

正如您在Grunt文檔中所讀到的那樣：

如果任務是異步的，則必須調用this.async方法來指示Grunt等待。 它返回一個“完成”函數的句柄，該函數應在任務完成時調用。

一個簡短的例子類似於：

// Tell Grunt this task is asynchronous.
var done = this.async();

// Your async code.
fetchData(url).then( data => {
    console.log(data);
    done();
}).catch( error => {
    console.err(error);
    done(false); // false instructs Grunt that the task has failed
});