scotch.io tutorial on using gulp

gulpfile.js

// basic gulpfile.js based on the scotch.io tutorial
var gulp = require('gulp'),
    gulpUtil = require('gulp-util'),
    jshint = require('gulp-jshint'),
    sass = require('gulp-sass'),
    sourcemaps = require('gulp-sourcemaps'),
    concat = require('gulp-concat'),
    uglify = require('gulp-uglify');


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

// gulp.task('gUtils', function() {
  // return gulpUtil.log('Gulp is running!');
// })

// gulp.task is how you define your tasks
// gulp.task('myTask', function() {
  // do stuff
// })

// declare dependencies like so
// gulp.task('anotherTask', ['myTask'], function() {
  //more stuff that is run after myTask
// })

//gulp.src points to files we want to use
// gulp.task('copyHtml', function() {
//   gulp.src('views/*.html')
//     .pipe(gulp.dest('distro')) //takes the files and pipes them into the distro folder (gulp.dest)
// })

// gulp.watch emits change events that takes and array of tasks as its last parameter
// gulp.watch('public/javascript/**/*.js', ['jshint']);
gulp.task('watch', function() {
  gulp.watch('public/javascripts/**/*.js', ['jshint']);
  gulp.watch('public/stylesheets/**/*.scss', ['build-css']);
  gulp.watch('public/javascripts/**/*.js', ['build-js'])
})

// some of the more popular gulp packages
// jshint (npm: gulp-jshint, jshint-stylish)
gulp.task('jshint', function() {
  return gulp.src('public/javascripts/**/*.js')
    .pipe(jshint())
    .pipe(jshint.reporter('jshint-stylish'))
})

// libsass (npm: gulp-sass)
// sourcemaps to map processed files (minified and compiled) to the original files(npm: gulp-sourcemaps)
gulp.task('build-css', function() {
  return gulp.src('public/scss/**/*.scss')
    .pipe(sourcemaps.init())
    .pipe(sass())
    .pipe(sourcemaps.write()) // add the map to modified source
    .pipe(gulp.dest('distro/assets/stylesheets'));
})

// concat (npm: gulp-concat)
// minify (npm: gulp-minify)
gulp.task('build-js', function() {
  return gulp.src('public/javascripts/**/*.js')
    .pipe(sourcemaps.init())
    .pipe(concat('bundle.js'))
    // only uglify if gulp command is flagged --production
    .pipe(gutil.env.type === 'production' ? uglify() : gutil.noop())
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('distro/assets/javascripts'));
})