How to force Gulp to compile only changed files?

Question

gulp.js

There are 2 main files - custom.scss and vendor.scss, in which separate modules are imported.

Example.

custom.scss

@import "_base";
@import "_header";

vendor.scss

@import "_variables";
@import "_iconfont";

When any module changes, a sass task is launched that rebuilds both of these files. Is there a way to keep track of the state of the main file if there are changes in imported files, and based on this, only rebuild it? Maybe there is such a plugin?
Something similar is implemented in gulp-rev-all, where the hash sum of the css file changes if, for example, the picture that is included in it as a background has changed (while the style file itself remains physically untouched).

Answer 1

I found several plugins that fit the stated goal: gulp-sass-graph, gulp-sass-inheritance, gulp-dependents, gulp-sass-partials-imported, gulp-watch-and-touch. I settled on gulp-dependents , which, together with gulp-cached, speeds up rebuilding dozens of times.