gulpでディレクトリを再帰的にコピーするにはどうすればよいですか？

作業ディレクトリからサーバー（同じマシン）にプロジェクトをステージングしようとしています。次のコードを使用します。

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

コピーされたすべてのファイルが表示されると思います。ただし、dir構造はフラット化されます-すべてのディレクトリがコピーされますが、すべてのファイルはルートに配置されます/var/www

Gulpは優れたビルドツールのように見えますが、アイテムのコピーは確かに単純なプロセスでなければなりませんか？

以下は、フォルダー構造をフラット化せずに機能します。

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

'**/*'重要な部分です。その式は、強力なファイル選択ツールであるグロブです。たとえば、.jsファイルのみをコピーするには、次を使用します。'input/folder/**/*.js'

完全なディレクトリ構造をコピーするにgulpは、gulp.src()メソッドのベースを提供する必要があることがわかります。

したがってgulp.src( [ files ], { "base" : "." })、上記の構造で使用して、すべてのディレクトリを再帰的にコピーできます。

私のように、これを忘れてしまった場合は、以下を試してください。

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

したがって、すべてのパスが同じベースパスを持つ場合、ベースを提供するソリューションは機能します。しかし、異なるベースパスを提供したい場合、これはまだ機能しません。

この問題を解決する1つの方法は、パスの最初を相対にすることでした。あなたの場合：

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

これが機能する理由は、Gulpがベースを最初の明示的なチャンクの終わりに設定するためです-先頭の*により、ベースがcwdに設定されます（これは私たち全員が望む結果です！）

これは、フォルダー構造に2回一致する可能性のある特定のパスがないことを確認できる場合にのみ機能します。たとえばrandomjs/、と同じレベルにいた場合js、両方に一致することになります。

これが、これらをトップレベルのgulp.src関数の一部として含めることがわかった唯一の方法です。ただし、それらの各グロブを分離できるプラグイン/関数を作成するのは簡単なので、それらのベースディレクトリを指定できます。

フォルダの内容全体を再帰的に別のフォルダにコピーする場合は、gulpから次のWindowsコマンドを実行できます。

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

/y最後のオプションは、上書き確認メッセージを抑制することです。

Linuxでは、gulpから次のコマンドを実行できます。

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

gulp-execまたはgulp-runプラグインを使用して、gulpからシステムコマンドを実行できます。

関連リンク：

1. xcopyの使用法

2. gulp-execおよびgulp-run