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

Question

我html在partials目录中有一堆文件.使用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'))
});

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