Я пытаюсь разобраться с глотком, чтобы посмотреть и скомпилировать .less проект + livereload. У меня есть файл style.less, который использую@import, Когда я запускаю задачу gulp, кажется, что она не понимает импорт. Когда я изменяю основной файл less, gulp компилирует файл и обновляет браузер, но если я изменяю только импорт, изменения игнорируются.

Вот мой gulpfile.js

var gulp = require('gulp');
var less = require('gulp-less');
var watch = require('gulp-watch');
var prefix = require('gulp-autoprefixer');
var plumber = require('gulp-plumber');
var livereload = require('gulp-livereload');
var path = require('path');

gulp.task('default', function() {
    return gulp.src('./style.less')
        .pipe(watch())
        .pipe(plumber())
        .pipe(less({
          paths: ['./', './overrides/']
        }))
        .pipe(prefix("last 8 version", "> 1%", "ie 8", "ie 7"), {cascade:true})
        .pipe(gulp.dest('./'))
        .pipe(livereload());
});

Я пытался не указывать имя основного файла вgulp.src('./*.less') но тогда все меньше файлов компилируются индивидуально.

Спасибо