Как заставить Gulp компилировать только изменённые файлы?

Question

[Сергей]

Есть 2 основных файла - custom.scss и vendor.scss, в которых импортированы отдельные модули.

Пример.

custom.scss

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

vendor.scss

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

При изменении какого-либо модуля запускается задача sass, которая пересобирает оба эти файла. Есть ли способ отслеживать состояние основного файла, если происходят изменения в импортируемых файлах, и на основании этого запускать пересборку только его? Может, существует такой плагин?
Что-то похожее реализовано в gulp-rev-all, где меняется hash-сумма css-файла, если, например, изменилась картинка, которая подключена в него как фон (при этом сам файл стилей остаётся физически нетронутым).

Comments

[Лев Роскошин]

у вас эти файлы просто собираются в два отдельных css или конкатенируются? и каким плагином для сборки sass вы пользуетесь

[Лев Роскошин]

И приложите пожалуйста пример своего task для сборки.

[Сергей]

Типичная задача с использованием gulp-sass, пример приводится тут https://www.npmjs.com/package/gulp-sass. Два файла, каждый со своими импортами, собираются в 2 отдельных css. Если изменить один из импортируемых файлов, пересобираются оба, а мне нужно, чтобы пересборка затрагивала лишь тот файл, чей импорт был изменён.

Answer 1

[Сергей]

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

Comments

[Артём]

А как сделать, что бы скомпилированный css файл появлялся в той же папке, где был scss? Или тут уже по-любому надо писать в gulpfile-е адрес папки, в которую ляжет скомпилированный файл?