Last active
August 29, 2015 14:03
-
-
Save floatdrop/59917b505f6212fbdd8b to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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