Jak rekurencyjnie kopiować katalogi za pomocą gulp?

Próbuję przenieść projekt z katalogu roboczego na serwer (ten sam komputer). Używając poniższego kodu:

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

Spodziewałbym się, że wszystkie pliki zostaną skopiowane. Jednak spłaszcza strukturę katalogu - wszystkie katalogi są kopiowane, ale każdy plik jest umieszczany w katalogu głównym/var/www

Gulp wydaje się świetnym narzędziem do budowania, ale kopiowanie elementów z pewnością powinno być prostym procesem?

Poniższe działa bez spłaszczania struktury folderów:

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

To '**/*'jest ważna część. To wyrażenie to glob, który jest potężnym narzędziem do wybierania plików. Na przykład, aby skopiować tylko pliki .js, użyj:'input/folder/**/*.js'

Okazuje się, że aby skopiować kompletną strukturę katalogów, gulptrzeba mieć bazę dla swojej gulp.src()metody.

Więc gulp.src( [ files ], { "base" : "." })może być użyty w powyższej strukturze do rekurencyjnego kopiowania wszystkich katalogów.

Jeśli tak jak ja możesz o tym zapomnieć, spróbuj:

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

A więc - rozwiązanie polegające na zapewnieniu bazy działa, biorąc pod uwagę, że wszystkie ścieżki mają tę samą ścieżkę podstawową. Ale jeśli chcesz zapewnić różne ścieżki podstawowe, to nadal nie zadziała.

Jednym ze sposobów rozwiązania tego problemu było zrobienie względnego początku ścieżki. W Twoim przypadku:

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

Powodem, dla którego to działa, jest to, że Gulp ustawia podstawę jako koniec pierwszego jawnego fragmentu - wiodący * powoduje, że ustawia podstawę na cwd (co jest wynikiem, którego wszyscy chcemy!)

Działa to tylko wtedy, gdy możesz upewnić się, że struktura folderów nie będzie miała pewnych ścieżek, które mogłyby pasować dwukrotnie. Na przykład, gdybyś miał randomjs/ten sam poziom co js, w końcu dopasowałbyś oba.

To jedyny sposób, w jaki znalazłem, aby uwzględnić je jako część funkcji gulp.src najwyższego poziomu. Prawdopodobnie byłoby łatwo stworzyć wtyczkę / funkcję, która mogłaby oddzielić każdą z tych globów, abyś mógł jednak określić dla nich katalog podstawowy.

Jeśli chcesz rekurencyjnie skopiować całą zawartość folderu do innego folderu, możesz wykonać następujące polecenie systemu Windows z gulp:

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

/yOpcja na końcu jest do tłumienia nadpisywania wiadomość z potwierdzeniem.

W Linuksie możesz wykonać następujące polecenie z gulp:

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

Możesz użyć wtyczki gulp-exec lub gulp-run do wykonywania poleceń systemowych z gulp.

Powiązane linki:

1. użycie xcopy

2. gulp-exec i gulp-run