"use strict";
// Include Gulp
const gulp = require('gulp');

// All of your plugins
const less = require('gulp-less'),
      autoprefixer = require('gulp-autoprefixer'),
      cleanCSS = require('gulp-clean-css'),
      rename = require('gulp-rename');

// Compile css from less
gulp.task('less', () => {
    return gulp.src('static/less/_.less')
        .pipe(less())
        .pipe(autoprefixer({
            browsers: ['last 2 versions']
        }))
        .pipe(gulp.dest('static/less/'));
});

gulp.task('minify-css',()=> {
   return gulp.src('static/less/_.css')
       .pipe(cleanCSS({
           compatibility: 'ie8',
           keepSpecialComments: 0 }))
       .pipe(rename('_.min.css'))
       .pipe(gulp.dest('static/less/'));
});

// Watch files for changes
gulp.task('watch', () => gulp.watch('static/less/**/*.less', ['less', 'minify-css']));


gulp.task('default', () => gulp.run('less', 'minify-css','watch'));
gulp.task('build', () => gulp.run('less', 'minify-css'));