首先是Grunt concat目录的递归文件

时间:2016-10-12 23:41:23

标签: javascript sorting gruntjs concat

我需要以递归方式连接目录中包含的JavaScript文件,但要确保在挖掘到其他包含的目录之前添加当前目录中的文件,例如:

src/
 - module1/
    - config.js
    - index.js
 - module2/
    - index.js
 - main.js

使用here中提供的解决方案,我能够以递归方式获取文件:

// get all module directories
    grunt.file.expand("src/*").forEach(function (dir) {
        // get the module name from the directory name
        var dirName = dir.substr(dir.lastIndexOf('/') + 1);

        // create a subtask for each module, find all src files
        // and combine into a single js file per module
        concat.main.src.push(dir + '/**/*.js');
    });

    console.log(concat.main.src);

但是当我检查concat.main.src时,订单不是我需要的方式:

//console.log output
['src/module1/**/*.js',
 'src/module2/**/*.js',
 'src/main.js']

我需要的订单是:

['src/main.js',
 'src/module1/**/*.js',
 'src/module2/**/*.js']

关于如何实现这一目标的任何想法?

2 个答案:

答案 0 :(得分:1)

快速解决方法是将main.js重命名为app.js,因为它按字母顺序处理。

但是如果你想保留main.js,请先尝试将其推入数组。 然后,如果您更改文件扩展的glob以仅查看src的子目录,那么它将跳过main.js并继续将您的模块添加到数组

concat.main.src.push('src/main.js');
// get all module directories
grunt.file.expand("src/**").forEach(function (dir) {
    // get the module name from the directory name
    var dirName = dir.substr(dir.lastIndexOf('/') + 1);

    // create a subtask for each module, find all src files
    // and combine into a single js file per module
    concat.main.src.push(dir + '/**/*.js');
});

console.log(concat.main.src);

答案 1 :(得分:0)

非常感谢!!!

淋浴后我的头脑清醒,并在Grunts文档中深入回顾,我找到了一个解决方案,让其他可能感兴趣的人可以使用。它使用grunt.file.recurse而不是grunt.file.expand。

var sourceSet = [];
grunt.file.recurse("src/main/", function callback(abspath, rootdir, subdir, filename) {
    sourceSet.push(abspath);
});

concat.main.src = concat.main.src.concat(sourceSet.sort());

现在完美无缺!!!