var gulp      = require('gulp'), // Подключаем Gulp
    less        = require('gulp-less'), //Подключаем less пакет,
    browserSync = require('browser-sync'), // Подключаем Browser Sync
    path = require('path');

gulp.task('less1', function(){ // Создаем таск less
    return gulp.src('less/**/*.less') // Берем источник
        .pipe(less([ path.join(__dirname, 'less') ])) // Преобразуем less в CSS посредством gulp-less
        .pipe(gulp.dest('css')) // Выгружаем результата в папку css
        .pipe(browserSync.reload({stream: true})); // Обновляем CSS на странице при изменении
});

gulp.task('browser-sync', function() { // Создаем таск browser-sync
    browserSync({ // Выполняем browserSync
        server: { // Определяем параметры сервера
            baseDir: '.' // Директория для сервера - .
        },
        notify: false // Отключаем уведомления
    });
});

gulp.task('watch', ['less1', 'browser-sync'], function() {
    gulp.watch('less/**/*.less', ['less1', browserSync.reload]); // Наблюдение за less файлами
    });

@import url('but.less');

body{
    color: red;
}

.but{
    background-color: green;
}

+-- browser-sync@2.23.6
+-- gulp@3.9.1
+-- gulp-less@4.0.0
`-- path@0.12.7

λ npm -v
5.5.1