How can I rename files with Grunt, based on the respective file's parent folder name?

Question

I have a the following structure:

src/     modules/         module1/             js/                 main.js             scss/                 main.scss             index.html         module2/             js/                 main.js             scss/                 main.scss             index.html 

I'd like to run a grunt task to copy these out to the following structure:

dev/     js/         module1.js         module2.js     css/         module1.css         module2.css     module1.html     module2.html 

Is there a way to do this with an existing grunt plugin? If not, how could I achieve this?

Answer 1

This can be done using the grunt-contrib-copy plugin.

The main thing to note is that you can change the destination programmatically by using a rename function (which takes in the destination and source of each file).

Here is a (somewhat brittle) sample Gruntfile.js that should copy to your desired structure:

module.exports = function(grunt) {   // Project configuration.   grunt.initConfig({     copy: {       main: {         files: [           {             expand: true,              cwd: 'src/modules/',              src: ['**/*.js'],              dest: 'dev/js/',              rename: function(dest, src) {               // use the source directory to create the file               // example with your directory structure               //   dest = 'dev/js/'               //   src = 'module1/js/main.js'               return dest + src.substring(0, src.indexOf('/')) + '.js';             }           },           {             expand: true,              cwd: 'src/modules/',              src: ['**/*.scss'],              dest: 'dev/css/',              rename: function(dest, src) {               return dest + src.substring(0, src.indexOf('/')) + '.css';             }           },           {             expand: true,              cwd: 'src/modules/',              src: ['**/*.html'],              dest: 'dev/',              rename: function(dest, src) {               return dest + src.substring(0, src.indexOf('/')) + '.html';             }           }         ]       }     }   });    grunt.loadNpmTasks('grunt-contrib-copy');    // Default task(s).   grunt.registerTask('default', ['copy']); };