How do I copy directories recursively with gulp

Question

I am trying to stage a project from a working directory to a server  same machine   Using the following code   gulp src        index php        css           js           src          pipe gulp dest   var www        I would expect to see all the files copied  However it flattens the dir structure - all directories are copied but every file is placed in the root  var www  Gulp seems like a great build tool but copying items should be a simple process surely

User · Answer

If you want to copy the entire contents of a folder recursively into another folder, you can execute the following windows command from gulp:

xcopy /path/to/srcfolder /path/to/destfolder /s /e /y

The /y option at the end is to suppress the overwrite confirmation message.

In Linux, you can execute the following command from gulp:

cp -R /path/to/srcfolder /path/to/destfolder

you can use gulp-exec or gulp-run plugin to execute system commands from gulp.

Related Links:

xcopy usage
gulp-exec and gulp-run

User · Answer

So - the solution of providing a base works given that all of the paths have the same base path  But if you want to provide different base paths  this still won t work   One way I solved this problem was by making the beginning of the path relative  For your case    gulp src        index php         css              js              src            pipe gulp dest   var www        The reason this works is that Gulp sets the base to be the end of the first explicit chunk - the leading   causes it to set the base at the cwd  which is the result that we all want    This only works if you can ensure your folder structure won t have certain paths that could match twice  For example  if you had randomjs  at the same level as js  you would end up matching both   This is the only way that I have found to include these as part of a top-level gulp src function  It would likely be simple to create a plugin function that could separate out each of those globs so you could specify the base directory for them  however

User · Answer

The following works without flattening the folder structure   gulp src   input folder         pipe gulp dest  output folder       The        is the important part  That expression is a glob which is a powerful file selection tool  For example  for copying only  js files use   input folder      js

User · Answer

Turns out that to copy a complete directory structure gulp needs to be provided with a base for your gulp src   method   So gulp src    files       base           can be used in the structure above to copy all the directories recursively   If  like me  you may forget this then try   gulp copy function src dest       return gulp src src   base                pipe gulp dest dest

[deployment] How do I copy directories recursively with gulp?

Examples related to deployment

Examples related to gulp