LoginSignup
3
3

More than 5 years have passed since last update.

gulp-imageminで拡張子を指定しないと、すべてのファイルに影響してしまう

Posted at

githubのusageでは下記のようになっていたが、
これだと、src/images/に、例えばhtmlだとか画像ではないファイルがあると
そいつらもdist/imagesに持っていかれる。
srcが画像専用フォルダならばそれで良いが、困る場合もある。

const gulp = require('gulp');
const imagemin = require('gulp-imagemin');

gulp.task('default', () =>
    gulp.src('src/images/*')
        .pipe(imagemin())
        .pipe(gulp.dest('dist/images'))
);

下記のように、拡張子を指定してあげれば良い。

terminal
gulp.task('imagemin', () => {
  return gulp.src([config.src + '/**/*.{png,jpg,svg,webp}', '!' + config.src + '/**/sprite/*'])
    .pipe(cache('imagemining'))
    .pipe(imagemin({
      progressive: true,
      svgoPlugins: [
        { removeViewBox: false },
        { cleanupIDs: false }
      ],
      use: [pngquant()]
    }))
    .pipe(gulp.dest(config.dest));
});
3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3