1. ホーム
  2. javascript

[解決済み] Gulpで複数のファイルをコピーし、フォルダ構造を維持する方法

2023-06-25 13:32:08

質問

Gulpを使って、あるフォルダから別のフォルダにファイルをコピーしようとしています。

gulp.task('move-css',function(){
  return gulp.src([
    './source/css/one.css',
    './source/other/css/two.css'

    ]).pipe(gulp.dest('./public/assets/css/'));
});

上記のコードは、コピーした one.css &です。 two.csspublic/assets/css フォルダーにコピーします。

そして、もし私が gulp.src('./source/css/*.css') とすると、すべての CSS ファイルが public/assets/css フォルダーにコピーされます。

複数のファイルを選択し、フォルダ構造を維持するにはどうすればよいですか。

どのように解決するのですか?

これを実現するためには base .

¶ベース - cwdからの相対的なフォルダを指定します。デフォルトはグロブの開始位置です。で保存する際のファイル名を決定するために使用されます。 .dest()


あなたの場合はそうでしょう。

gulp.task('move-css',function(){
  return gulp.src([
      './source/css/one.css',
      './source/other/css/two.css'
  ],  {base: './source/'}) 
  .pipe(gulp.dest('./public/assets/'));
});

フォルダの構造です。

.
├── gulpfile.js
├── source
│   ├── css
│   └── other
│       └── css
└── public
    └── assets