Comment copier des répertoires de manière récursive avec gulp?

J'essaye de mettre en scène un projet d'un répertoire de travail vers un serveur (même machine). En utilisant le code suivant:

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

Je m'attendrais à voir tous les fichiers copiés. Cependant, cela aplatit la structure des répertoires - tous les répertoires sont copiés mais chaque fichier est placé à la racine/var/www

Gulp semble être un excellent outil de construction, mais la copie d'éléments devrait certainement être un processus simple?

Ce qui suit fonctionne sans aplatir la structure des dossiers:

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

C'est '**/*'la partie importante. Cette expression est un glob qui est un puissant outil de sélection de fichiers. Par exemple, pour copier uniquement les fichiers .js, utilisez:'input/folder/**/*.js'

Il s'avère que pour copier une structure de répertoire complète gulpdoit être fournie avec une base pour votre gulp.src()méthode.

Ainsi gulp.src( [ files ], { "base" : "." })peut être utilisé dans la structure ci-dessus pour copier tous les répertoires de manière récursive.

Si, comme moi, vous oubliez cela, essayez:

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

Donc - la solution de fournir une base fonctionne étant donné que tous les chemins ont le même chemin de base. Mais si vous souhaitez fournir différents chemins de base, cela ne fonctionnera toujours pas.

Une façon de résoudre ce problème était de rendre le début du chemin relatif. Pour votre cas:

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

La raison pour laquelle cela fonctionne est que Gulp définit la base comme étant la fin du premier morceau explicite - le premier * l'amène à définir la base au cwd (ce qui est le résultat que nous voulons tous!)

Cela ne fonctionne que si vous pouvez vous assurer que votre structure de dossiers n'aura pas certains chemins qui pourraient correspondre deux fois. Par exemple, si vous aviez randomjs/au même niveau que js, vous finiriez par faire correspondre les deux.

C'est le seul moyen que j'ai trouvé pour les inclure dans le cadre d'une fonction gulp.src de niveau supérieur. Il serait probablement simple de créer un plugin / une fonction qui pourrait séparer chacun de ces globs afin que vous puissiez spécifier le répertoire de base pour eux, cependant.

Si vous souhaitez copier tout le contenu d'un dossier de manière récursive dans un autre dossier, vous pouvez exécuter la commande Windows suivante à partir de gulp:

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

L' /yoption à la fin est de supprimer le message de confirmation d'écrasement.

Sous Linux, vous pouvez exécuter la commande suivante à partir de gulp:

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

vous pouvez utiliser le plugin gulp-exec ou gulp-run pour exécuter des commandes système à partir de gulp.

Liens connexes:

1. utilisation de xcopy

2. gulp-exec et gulp-run