Сергей

Нашёл несколько плагинов, которые соответствуют озвученной цели: gulp-sass-graph, gulp-sass-inheritance, gulp-dependents, gulp-sass-partials-imported, gulp-watch-and-touch. Остановился на gulp-dependents, который вместе с gulp-cached ускоряет пересборку в десятки раз.

Всё можно сделать в одной задаче:

gulp.task('sass', function() {
  return gulp.src('app/**/*.scss') // получаем файлы из указанной директории
    .pipe(sass()) // компилируем sass в css
    .pipe(autoprefixer({ // добавляем вендорные префиксы
      browsers: ['last 2 versions'],
      cascade: false
    }))
    .pipe(concat("main.css")) // объединяем файлы в потоке в один с указанным именем
    .pipe(gulp.dest('dist')); // выгружаем в папку dist
});

В настройках автопрефиксера указано: last 2 versions. Сомневаюсь, что последние версии браузеров ещё требуют префиксы для теней. Впрочем, можно посмотреть и убедиться в этом самому https://caniuse.com. Для проверки автопрефиксира попробуй какие-то сравнительно новые свойства, например, display: flex.

Похоже, для gulp.src важно, чтобы передаваемый с помощью плагина path путь был абсолютным, поэтому переменная src должна хранить следующее значение: path.resolve(path1, path2).