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

Question

我试图阶段一个项目从工作目录到服务器（同一台机器）。使用以下代码：

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

我希望看到所有的文件都被复制。但是，它使目录结构扁平化-所有目录都被复制，但每个文件都放在根目录中/var/www

Gulp看起来是一个很好的构建工具，但是复制项目应该是一个简单的过程吗？

Answer 1

因此，如果所有路径都具有相同的基本路径，那么提供基本路径的解决方案是有效的。但是如果您想提供不同的基本路径，这仍然不起作用。

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

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

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

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

这是我发现的唯一一种将这些作为顶级饮品的一部分的方法。src函数。然而，创建一个插件/函数，将这些glob中的每一个分离出来，这样您就可以为它们指定基本目录，这可能很简单。

Answer 2

事实证明，要复制完整的目录结构gulp，需要为gulp提供一个基础。src（）方法。

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

如果，像我一样，你可能会忘记这一点，那么尝试：

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

Answer 3

以下操作可以在不展平文件夹结构的情况下工作：

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

<代码>'**/*' 是重要的部分。这个表达式是一个Glob，它是一个强大的文件选择工具。例如，仅复制. js文件使用：'输入/文件夹/**/*. js'