gel-grid/demo/gulpfile.js

A flexible code implementation of the GEL Grid

// include gulp
var gulp = require('gulp');

// load the plugins into an array of plugins
var plugins = require('gulp-load-plugins')();

// autoprefixer config
var supportedBrowsers = ['IE 9', 'last 2 versions', '> 1%', 'Safari 7'];
var autoprefixerOptions = { browsers: supportedBrowsers };

// cssnano config
var nanoOptions = {
    autoprefixer: { browsers: supportedBrowsers },
    convertValues: { length: false, boolean: false },
    mergeRules: false
};

// compile the Sass
gulp.task('sass', function() {
    return gulp.src('src/assets/sass/*.scss')
        .pipe(
            plugins.sass()
                .on('error', plugins.sass.logError)
        )
        .pipe(plugins.autoprefixer(autoprefixerOptions))
        .pipe(plugins.cssnano(nanoOptions))
        .pipe(gulp.dest('src/assets/css'));
});

// watch files for changes
gulp.task('watch', function() {
    gulp.watch('src/assets/sass/**/*.scss', ['sass']);
    gulp.watch(['src/index.html', 'src/assets/images/**/*'], ['copy']);
});

gulp.task('copy', function () {
    gulp.src(['!./src/assets/sass/**/*', '!./src/bower_components/**/*', './src/**/*'])
        .pipe(gulp.dest('./dist/'));
});

// default task
gulp.task('default', ['sass', 'copy', 'watch']);

// deploy task
gulp.task('deploy', ['sass', 'copy'], function() {
    return gulp.src('./dist/**/*')
        .pipe(plugins.ghPages());
        
});