Skip to content

Instantly share code, notes, and snippets.

@andrew-dixon
Last active August 29, 2015 14:04
Show Gist options
  • Select an option

  • Save andrew-dixon/1d9e820e70b05d800bf0 to your computer and use it in GitHub Desktop.

Select an option

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']);
@webRat

webRat commented Jul 18, 2014

Copy link
Copy Markdown

You can take out 'less' on line #36 -- 'css' runs and has a dependency of 'less'. Same for #line 40.

@andrew-dixon

Copy link
Copy Markdown
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