How to write a gulp task for images?

Question

Building projects

In general, when laying out, there is a project structure of the form

├───dev
│   ├───css
│   ├───font
│   ├───img
│   └───js
├───gulp
│   └───tasks
├───production
└───src
    ├───font
    ├───img
    ├───js
    ├───njk
    ├───scss
    └───vendor
        ├───css
        └───js

When working with the project, the dev folder is used, browserSync is set to its root. I wondered how to write the correct task for working with images, that is, for example, so that when I put a new image in src / img, only one new one is copied to the dev / img folder when the task is started (by the watcher, of course), and not all available. Does anyone have similar ready-made solutions? Thanks (:

Answer 1

gulp-newer
is there and the example is just about images