gulp-重命名创建不必要的目录

Question

我正在使用 gulp 调整和重命名一些图像：

var gulp = require('gulp');
var imageResize = require('gulp-image-resize');
var changed = require('gulp-changed');
var rename = require('gulp-rename');

var resizeImages = function resize(options) {
  gulp
    .src('original-images/**')
    .pipe(changed('./'))
    .pipe(imageResize({ width: options.width }))
    .pipe(rename((path) => { path.basename += options.fileSuffix; }))
    .pipe(gulp.dest('public/assets/img/'));
};


gulp.task('resize-images', () => {
  const desktopImageResizeOptions = {
    width: 356,
    fileSuffix: '-desktop',
  };
  const tabletImageResizeOptions = {
    width: 291,
    fileSuffix: '-tablet',
  };
  const phoneImageResizeOptions = {
    width: 721,
    fileSuffix: '-phone',
  };
  resizeImages(desktopImageResizeOptions);
  resizeImages(tabletImageResizeOptions);
  resizeImages(phoneImageResizeOptions);
});

这有效 - 它将调整大小后重命名的图像放在正确的位置，并在文件名中添加后缀。

但是，它还会创建名为 -desktop、-phone 和 -tablet 的目录。我怎样才能防止这种情况发生？

Answer 1

我通过指定文件结尾解决了这个问题，因此没有传入目录。于是第8行的src就变成了

.src('original-images/**/*.{jpg,png}')

Answer 2

您还可以处理更复杂的情况。如果传递给 rename 函数的函数没有改变文件的路径，它将被忽略。在以下示例中，如果文件没有 extname

，则不会重命名该文件

.pipe(rename(function (path) {
    if (path.extname !== "") {
        path.basename += "-" + options.width;
    }            
}))

gulp-重命名创建不必要的目录

gulp-rename creating unnecessary directories

gulp

gulp-rename