javascript - 如何使用 Gulp 复制多个文件并保持文件夹结构

Question

我正在尝试使用 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.css复制到public/assets/css文件夹。

如果我使用 gulp.src('./source/css/*.css') 它会将所有 CSS 文件复制到 public/assets/css这不是我想要的文件夹。

如何选择多个文件并保持文件夹结构？

Answer 1

要实现这一点，请指定 base。

¶ base - Specify the folder relative to the cwd. Default is where the glob begins. This is used to determine the file names when saving in .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