如何使用gulp js重命名文件夹中的所有文件

Question

我在partials目录中有一堆html文件。使用 gulp js，我想缩小并重命名这些文件以.min.html .请告诉我如何实现这一目标。

Answer 1

如果您只想重命名文件，请参阅此处，请使用 gulp-rename。

下面几行中的某些事情应该做：

var rename = require('gulp-rename');
gulp.src("./partials/**/*.hmtl")
.pipe(rename(function (path) {
  path.suffix += ".min";
}))
.pipe(gulp.dest("./dist"));

为了缩小，你可以使用gulp-htmlmin。从文档中非常简单：

var htmlmin = require('gulp-htmlmin');
gulp.task('compress', function() {
  gulp.src('./partials/**/*.html')
    .pipe(htmlmin())
    .pipe(gulp.dest('dist'))
});

您当然可以将两者结合起来以获得所需的效果。