Skip to content

Instantly share code, notes, and snippets.

@andrew-dixon
Last active August 29, 2015 14:04
Show Gist options
  • Save andrew-dixon/1d9e820e70b05d800bf0 to your computer and use it in GitHub Desktop.
Save andrew-dixon/1d9e820e70b05d800bf0 to your computer and use it in GitHub Desktop.
// Include require nodejs modules
var gulp = require('gulp');
var gutil = require('gulp-util');
var concat = require('gulp-concat');
var less = require('gulp-less');
var compressor = require('gulp-compressor');
// Define paths
var paths = {
lessFile: 'includes/css/styles.less',
lessFiles: 'includes/css/*.less',
cssDir: 'includes/css',
cssFiles: 'includes/css/*.css',
minDir: 'includes/min'
};
gulp.task('css', ['less'], function() {
// Minify and copy all CSS
return gulp.src(paths.cssFiles)
.pipe(compressor())
.pipe(concat('styles.min.css'))
.on('error', gutil.log)
.pipe(gulp.dest(paths.minDir));
});
gulp.task('less', function () {
// Compile less into CSS
return gulp.src(paths.lessFile)
.pipe(less())
.on('error', gutil.log)
.pipe(gulp.dest(paths.cssDir));
});
// Rerun the task when a file changes
gulp.task('watch', function() {
gulp.watch(paths.lessFiles, ['css']);
});
// The default task (called when you run `gulp` from cli)
gulp.task('default', ['css']);
@andrew-dixon
Copy link
Author

Thanks Todd so it does. Updated as suggested.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment