generator-robonkey/generators/static/templates/gulp/gulpfile.js

A Yeoman generator for Gulp, Templating, CSS Preprocessors, Coffeescript, PostCSS, Modernizr, svg icons/icon font generator, BrowserSync, and some libraries to choose from. Express, Wordpress, Drupal, CodeIgniter, Laravel subgenerators are available.

// include config
var fs              = require('fs');
var cfg             = JSON.parse(fs.readFileSync('./config.json'));

var gulp            = require('gulp');
var watch           = require('gulp-watch');
var requireDir      = require('require-dir');<%
if(environmentOption === 'static'){ %>
var browserSync     = require('browser-sync');<% }
if(environmentOption === 'express'){ %>
var nodemon         = require('gulp-nodemon');<% } %>

requireDir('./gulp-tasks');



// Dev gulp task
gulp.task('serve', ['default'], function(){});
gulp.task('dev', ['default'], function(){});

gulp.task('default', cfg.tasks.default.map(String), function(){});

// Build gulp task
gulp.task('build', cfg.tasks.build.map(String), function(){});

// Main gulp task
gulp.task('main', cfg.tasks.main.map(String));


// Watch gulp task
gulp.task('watch', function(){
  // watch for JS changes, then reload
  gulp.watch(cfg.scripts.src, ['scripts'])<% if(environmentOption === 'static'){ %>.on('change', browserSync.reload)<% } %>;

  // watch for image changes
  gulp.watch(cfg.images.src, ['images']);

  // watch for SASS changes
  gulp.watch(cfg.styles.src_files, ['styles']);
  <% if(environmentOption === 'static'){ %>// Watch for css changes, then inject css
  gulp.watch(cfg.styles.build + '**/*.css',  ['css']);
  // Watch for html changes, then reload page
  gulp.watch(cfg.html.build + '**/*.html').on('change', browserSync.reload);<% } %>
  <% if(templateOption === 'pug' && environmentOption === 'static'){ %>// watch for Pug changes, then reload
  gulp.watch(cfg.pug.watch, ['html']).on('change', browserSync.reload);<% }
  if(templateOption === 'jade' && environmentOption === 'static'){ %>// watch for Jade changes, then reload
  gulp.watch(cfg.jade.watch, ['html']).on('change', browserSync.reload);<% }
  if(templateOption === 'nunjucks' && environmentOption === 'static'){ %>// watch for Nunjucks changes, then reload
  gulp.watch(cfg.nunjucks.watch, ['html']).on('change', browserSync.reload);<% } %>
});