gulpfile.js

'use strict';

var gulp = require('gulp');
var gulpLoadPlugins = require('gulp-load-plugins');
var plugins = gulpLoadPlugins();

var mainBowerFiles = require('main-bower-files');
var merge = require('merge-stream');

var LessPluginCleanCSS = require("less-plugin-clean-css"),
    cleancss = new LessPluginCleanCSS({advanced: true});

var LessPluginAutoPrefix = require('less-plugin-autoprefix'),
    autoprefix = new LessPluginAutoPrefix({browsers: ["last 2 versions"]});

gulp.task('css:big', function () {
    return gulp.src('src/picker.less')
        .pipe(plugins.less({
            plugins: [autoprefix]
        }))
        .on('error', plugins.notify.onError("Error: <%= error.file %> <%= error.message %>"))
        .pipe(plugins.rename('picker.css'))
        .pipe(gulp.dest('dist/'))
        .pipe(plugins.notify('CSS build finished'));
});

gulp.task('css:min', function () {
    return gulp.src('src/picker.less')
        .pipe(plugins.less({
            plugins: [autoprefix, cleancss]
        }))
        .on('error', plugins.notify.onError("Error: <%= error.file %> <%= error.message %>"))
        .pipe(plugins.rename('picker.min.css'))
        .pipe(gulp.dest('dist/'))
        .pipe(plugins.notify('CSS:min build finished'));
});

gulp.task('js:min', function () {
    return gulp.src('src/picker.js')
        .pipe(plugins.uglify())
        .pipe(plugins.rename('picker.min.js'))
        .pipe(gulp.dest('dist/'));
});

gulp.task('doc:js', function () {
    var libs = gulp.src(mainBowerFiles('**/*.js', {'includeDev': true}))
        .pipe(plugins.concat('libs.js'))
        .pipe(plugins.uglify())
        .on('error', function (err) {
            console.log(err)
        })
        .pipe(gulp.dest('docs/js/'));

    var src = gulp.src('src/picker.js')
        .pipe(gulp.dest('docs/js/'));

    return merge(libs, src)
        .on('error', plugins.notify.onError("Error: <%= error.file %> <%= error.message %>"))
        .pipe(plugins.notify('JS done!'));
});

gulp.task('doc:css', function () {
    var files = mainBowerFiles('**/*.css', {'includeDev': true});
    files.push('dist/picker.css');

    return gulp.src('docs/css/main.less')
        .pipe(plugins.less({
            plugins: [autoprefix, cleancss]
        }))
        .pipe(plugins.addSrc.prepend(files))
        .pipe(plugins.minifyCss())
        .on('error', plugins.notify.onError("Error: <%= error.file %> <%= error.message %>"))
        .pipe(plugins.concat('main.css'))
        .pipe(gulp.dest('docs/css/'))
        .pipe(plugins.notify('Doc:css build finished'));
});

gulp.task('css', ['css:big', 'css:min']);
gulp.task('doc', ['doc:css', 'doc:js']);

gulp.task('build', ['doc', 'css', 'js:min']);

gulp.task('doc:watch', ['doc'], function () {
    gulp.watch('docs/css/main.less', ['doc:css']);
    gulp.watch('src/picker.js', ['doc:js']);
});

gulp.task('default', ['build'], function () {
    gulp.watch('src/picker.less', ['css:big']);
});