gulpfile.js

/* include gulp */
var gulp = require( 'gulp' );

/* include gulp plugins */
var cleanCSS       = require('gulp-clean-css' ),
    sass          = require('gulp-sass' ),
    rename        = require('gulp-rename' ),
    uglify        = require('gulp-uglify' ),
    concat        = require('gulp-concat' ),
    jshint        = require('gulp-jshint' ),
    autoprefixer  = require('gulp-autoprefixer'),
    sourcemaps    = require('gulp-sourcemaps'),
    browserSync   = require('browser-sync'),
    reload        = browserSync.reload;

var watchFiles = [
  'assets/styles/development/**/*.scss',
  '**/*.js',
  '**/*.html',
];

/* default task */
gulp.task('default', ['sass', 'lint', 'scripts']);

/* start the browser-sync server */
gulp.task('serve', function() {
  browserSync.init(watchFiles, {
    //browsersync with a php server
    proxy: 'bootstrap.dev',
    notify: false
  });
});

/* compile sass */
gulp.task('sass', function() {
  return gulp.src('assets/styles/development/scss/*.scss')
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer({
      browsers: ['last 2 versions'],
      cascade: false
    }))
    .pipe(gulp.dest('assets/styles/development/css'))
    .pipe(cleanCSS({debug: true}))
    .pipe(rename(function (path) {
      path.extname = '.min.css'
    }))
    .pipe(sourcemaps.write('./maps'))
    .pipe(gulp.dest('assets/styles/production'))
    .pipe(reload({stream:true}));
});

/* lint js */
gulp.task('lint', function() {
  return gulp.src('assets/scripts/development/*.js')
    .pipe(jshint())
    .pipe(jshint.reporter('default'));
});

/* concatenate scripts */
gulp.task('scripts', function() {
  return gulp.src('assets/scripts/development/*.js')
    .pipe(rename(function(path) {
      path.extname = '.min.js'
    }))
    .pipe(uglify())
    .pipe(gulp.dest('assets/scripts/production'));
});

/* watch for changes */
gulp.task('watch', ['default'], function() {
  gulp.watch(watchFiles, ['default']);
});