Как правильно подключать файл с миксинами в Gulp поток компиляции SASS при модульной структуре проекта?
Вам нужно настроить таску, чтобы она смотрела на всю папку sass
Таскаgulp.task('sass', function() {
 gulp.src('/dev/sass/**/*.scss')
  .pipe(sass())
  .pipe(gulp.dest('место куда должно компилится'))
});
Watchgulp.watch('/dev/sass/**/*.scss',  ['sass']);
Настройки, конечно же подставьте свои.
Посмотрите на Bootstrap 4  (думаю в авторитетности этих парней сомневаться не приходится)
Есть n файлов вида _filename.scss
Эти файлы не компилируются сами по себе.
Есть n файлов вида filename.scss, которые компилируются в /some/path/filename.css
В этих файлах мы @import нужные нам модули.
Bootstrap предлагает собрать как полный набор стилей (bootstrap.scss), так и только сетку (bootstrap-grid.scss)
На всё это один watcher и один поток.
Оотдельный css для отдельной странице - зло. Выигрыша никакого, проблем много. Погуглите на эту тему.
Меня бы backend'еры побили бы за такое :(