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));
});