generator-jade-compass-coffee/app/templates/_Gulpfile.js

Yo generator made with jade, sass, gulp, susy, breakpoint, modular-scale, coffeescript and livereload.

// Util
var gulp =require('gulp');
var plumber = require('gulp-plumber');
var rename = require('gulp-rename');
var connect = require('gulp-connect');
var minifyCss = require('gulp-minify-css');
var uglify = require('gulp-uglify');

// Plugins
var compass = require('gulp-compass');
var browserify = require('gulp-browserify');
var jade = require('gulp-jade');
var imagemin = require('gulp-imagemin');
var annotate = require('gulp-ng-annotate')

var p = {
  sass: {
    src:'public/sass/main.scss',
    dest:'build/public/style/'
  },
  scripts: {
    coffee: 'public/scripts/main.coffee',
    js: 'public/scripts/main.js',
    dest: 'build/public/scripts/'
  },
  jade: {
    src: 'jade/*.jade',
    dest: 'build/' 
  }
}

// Livereload
gulp.task('connect', function() {
  connect.server({
    root:'build',
    livereload: true,
    port: 8000
  })
})

// Compass
gulp.task('compass', function() {
  gulp.src(p.sass.src)
    .pipe(compass({
      css: 'build/public/style',
      sass: 'public/sass', 
      require: ['susy', 'breakpoint', 'modular-scale'],
      sourcemap: true
    }))
    .on('error', function(err) {
      console.log(err) // plumber was not very good with compass
    })
    .pipe(minifyCss())
    .pipe(gulp.dest(p.sass.dest))
    .pipe(connect.reload())
}) 

// Coffee
gulp.task('browserify', function() {
  <% if (includeCoffee) { %>
    gulp.src(p.scripts.src, {read: false})  
  <% } %>
  <% if (!includeCoffee) { %>
    gulp.src(p.scripts.js, {read: false})  
  <% } %>
    .pipe(plumber())
    .pipe(browserify({
      <% if (includeCoffee) { %>
      transform: ['coffeeify'],
      extensions: ['.coffee']
      <% } %>
    }))
    .pipe(rename('main.js'))
    .pipe(uglify())
    .pipe(gulp.dest(p.scripts.dest))
    .pipe(connect.reload())
})

// Jade
gulp.task('jade', function() {
  gulp.src(p.jade.src)
    .pipe(plumber())
    .pipe(jade())
    .pipe(gulp.dest(p.jade.dest))
    .pipe(connect.reload())
})

// Images
gulp.task('images', function() {
  gulp.src('public/images/**/*')
    .pipe(plumber())
    .pipe(imagemin())
    .pipe(gulp.dest('build/public/images/'))
    .pipe(connect.reload())
})

// Watch
gulp.task('watch', function() {
  gulp.watch('public/sass/**/*.scss', ['compass']);
  gulp.watch('jade/**/*.jade', ['jade']);
  gulp.watch('public/scripts/**/*', ['browserify']);
  gulp.watch('public/images/**',['images']);
})

// Go
gulp.task('default', ['connect','jade', 'compass', 'browserify', 'images', 'watch'], function() {
  console.log('Starting gulp!')
})