Gulp sass how to build correctly so that only those @imports that have changed are processed?

Question

Sass

I have a build.scss with only imports
. And the more of them, the slower the project builds, even if the changes are only in one file. How to make gulp sass only process imports that have changed?

gulp.task('scss-dev', function () {
    return gulp.src(['./site/main.scss'])
        .pipe(sourcemaps.init())
        .pipe(sass())
        .pipe(replace('../fonts/', ''))
        .pipe(autoprefixer({
            browsers: ['last 3 versions'],
            cascade: false
        }))
        .pipe(cssnano({discardUnused: {fontFace: false}}))
        .pipe(concat('build.css'))
        .pipe(sourcemaps.write('./'))
        .pipe(gulp.dest('../www/capsule/static'))
        .pipe(touch());
});

Answer 1

Update Gulp to version 4, unless of course it's not version 4)) There is a feature Or go to the screencast from learn.javascript, it says just that))