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

Question

我正在尝试将项目从工作目录暂存到服务器（同一台机器）。使用以下代码：

gulp.src([
    'index.php',
    'css/**',
    'js/**',
    'src/**',
])
.pipe(gulp.dest('/var/www/'));

我希望看到所有文件都被复制。然而，它使 dir 结构变平 - 所有目录都被复制，但每个文件都放在根目录 /var/www

Gulp 似乎是一个很棒的构建工具，但复制项目确实应该是一个简单的过程吗？

Answer 1

以下工作不会展平文件夹结构：

gulp.src(['input/folder/**/*']).pipe(gulp.dest('output/folder'));

'**/*' 是重要的部分。该表达式是glob，它是一个强大的文件选择工具。例如，对于仅复制 .js 文件，请使用：'input/folder/**/*.js'

Answer 2

所以 - 鉴于所有路径都具有相同的基本路径，提供基本路径的解决方案有效。但是如果你想提供不同的基本路径，这仍然行不通。

我解决此问题的一种方法是使路径的开头相对。 对于您的情况：

gulp.src([
    'index.php',
    '*css/**/*',
    '*js/**/*',
    '*src/**/*',
])
.pipe(gulp.dest('/var/www/'));

这样做的原因是 Gulp 将基数设置为第一个显式块的末尾 - 前导 * 导致它将基数设置为 cwd（这是我们都想要的结果！）

这仅在您可以确保您的文件夹结构不会包含可以匹配两次的某些路径时才有效。例如，如果您的 randomjs/ 与 js 处于同一级别，那么您最终会匹配两者。

这是我发现将这些作为顶级 gulp.src 函数的一部分包含在内的唯一方法。创建一个可以分离出每个 glob 的插件/函数可能很简单，因此您可以为它们指定基本目录。

Answer 3

如果你想将一个文件夹的全部内容递归地复制到另一个文件夹中，你可以从 gulp 中执行以下 windows 命令：

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

末尾的/y 选项是禁止覆盖确认消息。

在 Linux 中，您可以通过 gulp 执行以下命令：

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

您可以使用 gulp-exec 或 gulp-run 插件从 gulp 执行系统命令。

相关链接：

1. xcopy usage

2. gulp-exec和gulp-run

Answer 4

事实证明，要复制完整的目录结构 gulp 需要为您的 gulp.src() 方法提供基础。

所以gulp.src( [ files ], { "base" : "." })可以在上面的结构中使用递归复制所有目录。

如果你像我一样忘记了这一点，那么试试吧：

gulp.copy=function(src,dest){
    return gulp.src(src, {base:"."})
        .pipe(gulp.dest(dest));
};