STREET Gulpfile

gulpfile.js

var gulp   = require('gulp');
var insert = require('gulp-insert');
var less   = require('gulp-less');
var minify = require('gulp-minify-css');
var rename = require('gulp-rename');
var tap    = require('gulp-tap');
var watch  = require('gulp-watch');
var lazy   = require('lazypipe');

// Creates the desktop / unresponsive stylesheet
var compileSiteDesktop = lazy()
    .pipe(insert.append, '@import "../includes/mobile.less";')
    .pipe(insert.append, '@import "../includes/desktop.less";')
    .pipe(less)
    .pipe(minify)
    .pipe(rename, {suffix: '.desktop.min'})
    .pipe(gulp.dest, './public/css/build/');

// Creates the mobile / responsive stylesheet
var compileSiteMobile = lazy()
    .pipe(insert.append, '@import "../includes/mobile.less";')
    .pipe(insert.append, '@media (min-width: 768px) {')
    .pipe(insert.append, '@import "../includes/desktop.less";')
    .pipe(insert.append, '}')
    .pipe(less)
    .pipe(minify)
    .pipe(rename, {suffix: '.mobile.min'})
    .pipe(gulp.dest, './public/css/build/');

gulp.task('default', function()
{
    // @todo Combine into a single watcher
    watch('public/css/sites-2014/*.less').pipe(compileSiteDesktop());
    watch('public/css/sites-2014/*.less').pipe(compileSiteMobile());

    watch('public/css/includes/{desktop,mobile}.less')
        .pipe(tap(function(files)
        {
            gulp.src('public/css/sites-2014/*.less').pipe(compileSiteDesktop());
            gulp.src('public/css/sites-2014/*.less').pipe(compileSiteMobile());
        }));
});