Skip to content

Instantly share code, notes, and snippets.

@floatdrop
Last active August 29, 2015 14:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save floatdrop/59917b505f6212fbdd8b to your computer and use it in GitHub Desktop.
Save floatdrop/59917b505f6212fbdd8b to your computer and use it in GitHub Desktop.
// Include gulp
var gulp = require('gulp');
// Include plugins
var watch = require('gulp-watch');
var plumber = require('gulp-plumber');
var sass = require('gulp-sass');
var prefix = require('gulp-autoprefixer');
var minifycss = require('gulp-minify-css');
var rename = require('gulp-rename');
var debug = require('gulp-debug');
// Process Sass (compile, prefix, minify)
gulp.task('sass', function() {
watch({ glob: 'sass/**/*.{scss,sass}', name: 'sass-watch'})
// Keeps pipes working after error event
.pipe(plumber())
// Process Sass files
.pipe(sass())
// Prefix CSS properties
.pipe(prefix('last 2 version', "> 1%", 'ie 9', 'ie 8'))
.pipe(debug({verbose: true}))
// Output regular `*.css`
.pipe(gulp.dest('css'))
// Minify CSS
.pipe(minifycss())
// Append `.min` to filename
.pipe(rename({suffix: '.min'}))
.pipe(debug({verbose: true}))
// Output minified `*.min.css`
.pipe(gulp.dest('css'));
});
// Default task is simply called with `gulp`, 'sass-watch'
gulp.task('default', ['sass']);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment