2

一部の画像のサイズ変更と名前変更に 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ます。どうすればこれを防ぐことができますか?

4

2 に答える 2

0

より複雑なケースにも対応できます。関数に渡されたrename関数がファイルのパスを変更しない場合、省略されます。次の例では、ファイル名が変更されていない場合、ファイルの名前は変更されません。extname 

.pipe(rename(function (path) {
    if (path.extname !== "") {
        path.basename += "-" + options.width;
    }            
}))
于 2016-02-09T19:56:51.020 に答える