Base settings to gulp

gulpfile.js

let gulp         = require('gulp');
    less         = require('gulp-less'); //Подключаем less пакет
    browserSync  = require('browser-sync'); // Подключаем Browser Sync
    concat       = require('gulp-concat'); // Подключаем gulp-concat (для конкатенации файлов)
    cssnano      = require('gulp-cssnano'); // Подключаем пакет для минификации CSS
    rename       = require('gulp-rename'); // Подключаем библиотеку для переименования файлов
    autoprefixer = require('gulp-autoprefixer');// Подключаем библиотеку для автоматического добавления префиксов

gulp.task('less', function(){ // Создаем таск "less"
    return gulp.src('develop/less/main.less') // Берем источник
        .pipe(less()) // Преобразуем less в CSS посредством gulp-less
        .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true }))
        .pipe(gulp.dest('develop/css')) // Выгружаем результата в папку develop/css
        .pipe(browserSync.reload({stream: true})) // Обновляем CSS на странице при изменении
});

gulp.task('css-libs', ['less'], function() {
    return gulp.src('develop/css/*.css') // Выбираем файл для минификации
        .pipe(cssnano()) // Сжимаем
        .pipe(rename({suffix: '-min'})) // Добавляем суффикс .min
        .pipe(gulp.dest('templates/default/css/')); // Выгружаем в папку develop/css
});

gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: "http://ats-omsk.ru/404", // URL сайта
        browser: "chrome"
    });
});

gulp.task('watch', ['browser-sync', 'less', 'css-libs'], function() {
    gulp.watch('develop/less/*.less', ['less']); // Наблюдение за less файлами компиляции в css
    gulp.watch('develop/css/*.css', ['css-libs']); // Наблюдение за css файлами, для минификации и добавления автопрефикса
    gulp.watch('templates/default/**/*.*', browserSync.reload); // Наблюдение за файлами
});

gulp.task('default', ['watch']);