How can I run a gulp imagemin task only on new and changed files?

Question

I tried to add a gulp task like below and run gulp images so that it only runs only on added/changed files However, that seems to not work...Any idea?

  gulp.task('images', function (event) {
  switch (event.type)
  {
    case 'added':
    case 'changed':
      gulp.src(event.path)
        return gulp.src(config.images.src)
        .pipe(imagemin({
          optimizationLevel: 5,
          progressive: true,
          svgoPlugins: [{removeViewBox: false}],
          use: [pngcrush()]
        }))
        .pipe(gulp.dest(config.images.dest));
      break;
  }
});

score 5 · Accepted Answer · edited Feb 13 '17 at 22:26

5

You can use gulp-newer to only pass newer files.

Insert a pipe before imagemin with the destination folder as parameter.

gulp.task('images', function (event) {
  gulp.src(event.path)
    return gulp.src(config.images.src)
    .pipe(newer(config.images.dest))
    .pipe(imagemin({
      optimizationLevel: 5,
      progressive: true,
      svgoPlugins: [{removeViewBox: false}],
      use: [pngcrush()]
    }))
    .pipe(gulp.dest(config.images.dest));
});

edited Feb 13 '17 at 22:26

Samuel Liew

76,741
107
159
260

answered Feb 13 '17 at 21:52

Headwiki

66
3

Sounds great. However what if the file changes but not exactly a brand new file? Will ths work? – Hello Universe Feb 13 '17 at 23:34
It uses modified time to determine if the src file is newer than the dest file. So if the file change updates the modified time then yes it'll work. – Headwiki Feb 14 '17 at 15:20
I think if you send a path, if any file has changed every file is piped on. – Craig.C Sep 29 '20 at 08:47

score 3 · Answer 2 · edited May 23 '17 at 12:34

3

Besides gulp-newer as mentioned by @Headwiki, the other popular tool for this is gulp-changed.

Depending on your exact needs gulp-newer or gulp-changed might be better… or for your project it might not make a different. For more on that, see the question "gulp-newer vs gulp-changed?"

edited May 23 '17 at 12:34

Community

1
1

answered Feb 18 '17 at 19:56

henry

4,244
2
26
37

How can I run a gulp imagemin task only on new and changed files?

2 Answers2