Gulp + BrowserSync + SASS, how to set it up correctly?

Question

Node.js

Good day dear! I ran into a problem, I use Gulp + BrowserSync + Gulp-SASS for layout. When we have one CSS file, everything works great. But, if there is more than one SASS / CSS file, BrowserSync starts to "inject" them all in a row, as a result of which the page reloads or at least the current scroll position simply flies, which is extremely inconvenient.
Please tell me how to properly set up such a bundle so that only the actually changed CSS file is "injected", and not all the CSS's that exist.
Please note that these are just different CSS files, for example, general styles, print styles, and so on, and not just "randomly compiled pieces of SCSS code that can be "removed".
PS If possible, I would like to see a piece of the working config/gulpfile.js.

Answer 1

Handling exactly the file that has changed ( Gulp )?