Grunt Concat many files in many folders while maintaining folder structure

Question

I am using Grunt concat in my project. I want to combine files on a folder level. E.G.

js >
  parent >
     child1 >
        a.js
        b.js
        c.js
     child2 >
        a.js
        b.js

into:

js >
  parent >
     child1 >
       child1combined.js
     child2 >
        child2combined.js

is there a way of doing this without specifically adding each "child" in its own concat line?

score 1 · Answer 1 · edited May 23 '17 at 12:09

I ended up doing the following I found in this post.

grunt.registerTask("taskName", "Task Description", function() {

            // get all module directories
            grunt.file.expand("src/js/parent/*").forEach(function (dir) {

                // get the module name from the directory name
                var dirName = dir.substr(dir.lastIndexOf('/')+1);

                // get the current concat object from initConfig
                var concat = grunt.config.get('concat') || {};

                // create a subtask for each module, find all src files
                // and combine into a single js file per module
                concat[dirName] = {
                    src: [dir + '/**/*.js'],
                    dest: 'build/js/parent/' + dirName + '/combined.js'
                };

                // add module subtasks to the concat task in initConfig
                grunt.config.set('concat', concat);
            });
        });

Then just call taskName from your registerTask.

score 0 · Answer 2 · answered Oct 19 '15 at 18:03

0

Use globbing patterns in your concat task. To quote the linked documentation:

It is often impractical to specify all source filepaths individually, so Grunt supports filename expansion (also know as globbing).

answered Oct 19 '15 at 18:03

myconode

2,518
1
26
28

score 0 · Answer 3 · answered Mar 22 '20 at 20:41

I know this topic is old, but I want to share my solution because I couldn't find a simple solution working as expected on the web.

concat: {
        files: [
            {
                expand: true,
                src: ["**/*.js"],
                dest: "dest/js",
                cwd: "src/js",
                rename: function(dst, src) {
                    const srcParts = String(src).split("/");
                    let dstPath = "";
                    let dstName = srcParts[0].split(".")[0];
                    if (srcParts.length > 1) {
                        dstName = srcParts[srcParts.length - 2];
                        dstPath =
                            srcParts
                                .slice(0, srcParts.length - 1)
                                .join("/") + "/";
                    }
                    return `${dst}/${dstPath + dstName}.js`;
                }
            }
        ]
    }

I hope this helps someone :)

Grunt Concat many files in many folders while maintaining folder structure

3 Answers3