Gulp-rename更改文件夹中每个文件的名称

Question

我在项目中使用了Gulp并安装了 gulp-rename 插件。我有文件夹CSS和dist，在第二个文件夹中我有一些CSS文件。

我想在name.css上使用name.min.css更改其名称，但我使用的任务不会复制文件名。有我的代码：

gulp.task('rename', function () {
    return gulp.src('./dist/*.css')
        .pipe(rename('/*.min.css'))
        .pipe(gulp.dest('./css'));
});

例如：

我在dist中有三个css文件：abc.css，mno.css和xyz.css我使用此任务。它重命名和远程文件，但没有名称。我想要abc.min.css，但我有*.min.css等等。

你能帮助我吗？

Answer 1

根据docs，您需要使用回调重命名：

gulp.src("./css/*.css")
  .pipe(rename(function (path) {
    path.basename += ".min";
    path.extname = ".css";
  }))
  .pipe(gulp.dest("./dist"));

// ./dist/file.min.css