Como copio diretórios recursivamente com o gulp?

Estou tentando preparar um projeto de um diretório ativo para um servidor (mesma máquina). Usando o seguinte código:

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

Eu esperaria ver todos os arquivos copiados. No entanto, isso simplifica a estrutura do diretório - todos os diretórios são copiados, mas todos os arquivos são colocados na raiz/var/www

Gulp parece ser uma ótima ferramenta de construção, mas copiar itens deve ser um processo simples, com certeza?

O seguinte funciona sem nivelar a estrutura da pasta:

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

A '**/*'é a parte importante. Essa expressão é uma glob, que é uma poderosa ferramenta de seleção de arquivos. Por exemplo, para copiar apenas arquivos .js, use:'input/folder/**/*.js'

Acontece que, para copiar uma estrutura de diretórios completa, é gulpnecessário fornecer uma base para o seu gulp.src()método.

Portanto, gulp.src( [ files ], { "base" : "." })pode ser usado na estrutura acima para copiar todos os diretórios recursivamente.

Se, como eu, você pode esquecer isso, tente:

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

Então - a solução de fornecer uma base funciona, pois todos os caminhos têm o mesmo caminho base. Mas se você deseja fornecer caminhos base diferentes, isso ainda não funcionará.

Uma maneira de resolver esse problema foi tornar o início do caminho relativo. Para o seu caso:

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

A razão pela qual isso funciona é que o Gulp define a base como o final do primeiro bloco explícito - o líder * faz com que ele defina a base no cwd (que é o resultado que todos queremos!)

Isso só funciona se você puder garantir que a estrutura da pasta não tenha certos caminhos que podem corresponder duas vezes. Por exemplo, se você tivesse randomjs/o mesmo nível js, acabaria correspondendo a ambos.

Esta é a única maneira que encontrei para incluí-las como parte de uma função gulp.src de nível superior. Provavelmente seria simples criar um plugin / função que pudesse separar cada um desses globs, para que você pudesse especificar o diretório base para eles.

Se você deseja copiar todo o conteúdo de uma pasta recursivamente para outra pasta, é possível executar o seguinte comando do Windows no gulp:

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

A /yopção no final é suprimir a mensagem de confirmação de substituição.

No Linux, você pode executar o seguinte comando no gulp:

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

você pode usar o gulp-exec ou o plugin gulp-run para executar comandos do sistema a partir do gulp.

Links Relacionados:

1. uso de xcopy

2. gulp-exec e gulp-run