gulp-intro

var gulp       = require('gulp'),
    jade       = require('gulp-jade'),
    sass       = require('gulp-sass'),
    gulpif     = require('gulp-if'),
    connect    = require('gulp-connect'),

    env = process.env.NODE_ENV || 'development';

  gulp.task('jade', function() {
    return gulp.src('src/templates/**/*.jade')
      .pipe(jade(gulpif(env === 'development', {pretty: true}, {pretty: false} )))
      .pipe(gulp.dest('builds/development'))
      .pipe(connect.reload());
  });

  gulp.task('sass', function() {
    return gulp.src('src/sass/main.sass')
      .pipe(sass(gulpif(env === 'development', {outputStyle: 'expanded', sourceComments: true}, {outputStyle: 'compressed', sourceComments: false})))
      .pipe(gulp.dest('builds/development/css'))
      .pipe(connect.reload());
  });

  gulp.task('connect', function() {
    connect.server({
      port: 3000,
      root: 'builds/development',
      livereload: true
    });
  });

  gulp.task('watch', function() {
    gulp.watch('src/templates/**/*.jade', ['jade']);
    gulp.watch('src/sass/**/*.sass', ['sass']);
  });

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