如何使用gulp递归复制目录？

在使用 Gulp 进行开发工作时，递归复制目录是一个常见的需求，尤其是在项目构建和资源管理中。Gulp 是一个基于流的自动化构建工具，它可以帮助开发者自动完成重复的任务，例如文件的复制、压缩、合并等。

要使用 Gulp 递归复制目录，您首先需要确保已经安装了 Node.js 和 npm（Node.js 包管理器）。接着，您可以通过 npm 安装 Gulp 和 Gulp 插件 gulp.src() 和 gulp.dest()，这两个方法分别用于读取文件和写入文件。

以下是一个具体的步骤和示例，展示如何使用 Gulp 递归复制目录：

1. 安装 Gulp： 首先，您需要在全局或项目中安装 Gulp。打开终端或命令行工具，输入以下命令：

   bash
   npm install --global gulp-cli  # 安装 Gulp 的命令行工具
   npm init -y  # 初始化 npm 项目
   npm install --save-dev gulp  # 在项目中安装 Gulp

2. 创建 Gulp 任务： 在项目根目录下创建一个名为 gulpfile.js 的文件，然后编写一个用于复制目录的 Gulp 任务。

   javascript
   const gulp = require('gulp');
   
   // 定义一个名为 'copy' 的任务
   gulp.task('copy', function() {
       return gulp.src('src/**/*')  // 选择源目录及其所有子目录中的所有文件
           .pipe(gulp.dest('dist'));  // 指定目标目录
   });

   在这个任务中：

   • 'src/**/*' 是一个 glob 模式，表示选择 src 目录及其所有子目录中的所有文件。
   • gulp.dest('dist') 指定了目标目录。

3. 运行 Gulp 任务： 在终端或命令行工具中，运行以下命令执行刚刚创建的 Gulp 任务：

   bash
   gulp copy

这样，Gulp 会自动递归复制 src 目录下的所有文件和子目录到 dist 目录中。您可以通过修改 gulp.src 中的 glob 模式来调整选择的文件和目录。这种方法非常高效而且易于维护，尤其是在处理大型项目时。