Wie kopiere ich Verzeichnisse rekursiv mit gulp?

Ich versuche, ein Projekt von einem Arbeitsverzeichnis auf einen Server (denselben Computer) zu übertragen. Verwenden Sie den folgenden Code:

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

Ich würde erwarten, dass alle Dateien kopiert werden. Die Verzeichnisstruktur wird jedoch abgeflacht - alle Verzeichnisse werden kopiert, aber jede Datei wird im Stammverzeichnis abgelegt/var/www

Gulp scheint ein großartiges Build-Tool zu sein, aber das Kopieren von Elementen sollte sicherlich ein einfacher Vorgang sein?

Folgendes funktioniert, ohne die Ordnerstruktur zu reduzieren:

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

Das '**/*'ist der wichtige Teil. Dieser Ausdruck ist ein Glob, der ein leistungsstarkes Dateiauswahlwerkzeug ist. Verwenden Sie zum Kopieren von .js-Dateien beispielsweise Folgendes:'input/folder/**/*.js'

Es stellt sich heraus, dass zum Kopieren einer vollständigen Verzeichnisstruktur gulpeine Basis für Ihre gulp.src()Methode bereitgestellt werden muss.

So gulp.src( [ files ], { "base" : "." })kann in der Struktur verwendet werden , vor allem rekursiv die Verzeichnisse zu kopieren.

Wenn Sie dies wie ich vergessen, versuchen Sie Folgendes:

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

Die Lösung für die Bereitstellung einer Basis funktioniert also, da alle Pfade denselben Basispfad haben. Wenn Sie jedoch unterschiedliche Basispfade bereitstellen möchten, funktioniert dies immer noch nicht.

Eine Möglichkeit, dieses Problem zu lösen, bestand darin, den Anfang des Pfades relativ zu machen. Für Ihren Fall:

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

Der Grund, warum dies funktioniert, ist, dass Gulp die Basis als das Ende des ersten expliziten Blocks festlegt - das führende * bewirkt, dass die Basis am cwd festgelegt wird (was das Ergebnis ist, das wir alle wollen!).

Dies funktioniert nur, wenn Sie sicherstellen können, dass Ihre Ordnerstruktur nicht über bestimmte Pfade verfügt, die zweimal übereinstimmen könnten. Wenn Sie zum Beispiel randomjs/das gleiche Level wie hätten js, würden Sie am Ende beide übereinstimmen.

Dies ist der einzige Weg, den ich gefunden habe, um diese als Teil einer gulp.src-Funktion der obersten Ebene einzuschließen. Es wäre wahrscheinlich einfach, ein Plugin / eine Funktion zu erstellen, die jeden dieser Globs trennen könnte, sodass Sie jedoch das Basisverzeichnis für sie angeben könnten.

Wenn Sie den gesamten Inhalt eines Ordners rekursiv in einen anderen Ordner kopieren möchten, können Sie den folgenden Windows-Befehl von gulp ausführen:

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

Die /yOption am Ende besteht darin, die Bestätigungsnachricht zum Überschreiben zu unterdrücken.

Unter Linux können Sie den folgenden Befehl von gulp aus ausführen:

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

Sie können das Plugin gulp-exec oder gulp-run verwenden , um Systembefehle von gulp auszuführen.

Verwandte Links:

1. xcopy Verwendung

2. gulp-exec und gulp-run