¿Cómo copio directorios recursivamente con trago?

Estoy tratando de organizar un proyecto desde un directorio de trabajo a un servidor (misma máquina). Usando el siguiente código:

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

Esperaría ver todos los archivos copiados. Sin embargo, aplana la estructura de directorios: todos los directorios se copian pero cada archivo se coloca en la raíz/var/www

Gulp parece una gran herramienta de compilación, ¿pero copiar elementos debería ser un proceso simple?

Lo siguiente funciona sin aplanar la estructura de carpetas:

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

La '**/*'es la parte importante. Esa expresión es un globo que es una poderosa herramienta de selección de archivos. Por ejemplo, para copiar solo archivos .js use:'input/folder/**/*.js'

Resulta que para copiar una estructura de directorio completa gulpdebe proporcionarse una base para su gulp.src()método.

Por gulp.src( [ files ], { "base" : "." })lo tanto, se puede utilizar en la estructura anterior para copiar todos los directorios de forma recursiva.

Si, como yo, puede olvidar esto, intente:

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

Entonces, la solución de proporcionar una base funciona dado que todas las rutas tienen la misma ruta base. Pero si desea proporcionar diferentes rutas base, esto aún no funcionará.

Una forma de resolver este problema fue haciendo que el comienzo del camino sea relativo. Para su caso:

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

La razón por la que esto funciona es que Gulp establece la base para que sea el final del primer fragmento explícito: el * principal hace que establezca la base en el cwd (¡que es el resultado que todos queremos!)

Esto solo funciona si puede asegurarse de que la estructura de su carpeta no tenga ciertas rutas que puedan coincidir dos veces. Por ejemplo, si tuviera randomjs/el mismo nivel que js, terminaría haciendo coincidir ambos.

Esta es la única forma en que he encontrado que los incluye como parte de una función gulp.src de nivel superior. Sin embargo, probablemente sería simple crear un complemento / función que pudiera separar cada uno de esos globos para poder especificar el directorio base para ellos.

Si desea copiar todo el contenido de una carpeta de forma recursiva en otra carpeta, puede ejecutar el siguiente comando de Windows desde gulp:

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

La /yopción al final es suprimir el mensaje de confirmación de sobrescritura.

En Linux, puede ejecutar el siguiente comando desde gulp:

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

puede usar el complemento gulp-exec o gulp-run para ejecutar comandos del sistema desde gulp.

Enlaces relacionados:

1. uso de xcopy

2. gulp-exec y gulp-run