Я постараюсь привести очень минимальный пример.
У меня есть это в моем gulpfile.js
:
gulp.task('default', ['less', 'js'], function () {
gulp.watch([
'resources/assets/less/**/*.less', // All less files
], ['less'])
gulp.watch('resources/assets/js/**/*.js', ['js'])
});
gulp.task('less', function () {
return gulp.src('resources/assets/less/app.less')
.pipe(less({
paths: [path.join(__dirname, 'less', 'includes')]
}))
.pipe(gulp.dest('public/css'));
});
Это - я предполагаю - правильно, просматривая все меньше файлов и выполняя задачу less
всякий раз, когда изменяется меньше файла.
Допустим, у меня на 2 файла меньше:
В app.less
У меня есть только следующее:
@import "child";
Теперь, когда я что-то изменяю в child.less
, я вижу (в терминале), что gulp выполняет задачу less
, но файл app.less
(родительский) не перекомпилируется, он остается прежним.
Что я делаю не так?