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());
});