How do I copy directories recursively with gulp?

When using Gulp for development, recursively copying directories is a common requirement, especially in project building and resource management. Gulp is a stream-based automation tool that helps developers automate repetitive tasks such as copying, compressing, and merging files.

To use Gulp for recursively copying directories, ensure Node.js and npm (Node.js package manager) are installed. Next, install Gulp and its core methods gulp.src() and gulp.dest() via npm; these methods are used for reading and writing files respectively.

The following steps and examples demonstrate how to use Gulp for recursively copying directories:

1. Installing Gulp: First, install Gulp globally or within your project. Open your terminal or command line and run the following commands:

   bash
   npm install --global gulp-cli  # Install the Gulp CLI
   npm init -y  # Initialize the npm project
   npm install --save-dev gulp  # Install Gulp in the project

2. Creating a Gulp Task: Create a gulpfile.js file in the project root directory and define a task for copying directories.

   javascript
   const gulp = require('gulp');
   
   // Define a task named 'copy'
   gulp.task('copy', function() {
       return gulp.src('src/**/*')  // Selects all files in the src directory and its subdirectories
           .pipe(gulp.dest('dist'));  // Specifies the destination directory
   });

   In this task:

   • 'src/**/*' is a glob pattern that selects all files in the src directory and its subdirectories.
   • gulp.dest('dist') specifies the destination directory.

3. Running the Gulp Task: In your terminal or command line, execute the following command to run the newly created Gulp task:

   bash
   gulp copy

This will have Gulp automatically recursively copy all files and subdirectories from the src directory to the dist directory. You can customize the files and directories selected by modifying the glob pattern in gulp.src. This approach is efficient and easy to maintain, particularly for large projects.