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

Question

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

我想用 name.min.css 上的 name.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