Foundation Gulpfile.js

gulpfile.js

var gulp 		= require('gulp'),
	uglify		= require('gulp-uglify'),
	sourcemaps	= require('gulp-sourcemaps'),
	sass		= require('gulp-sass'),
	imagemin 	= require('gulp-imagemin'),
	plumber		= require('gulp-plumber'),
	browserSync	= require('browser-sync'),
	reload		= browserSync.reload();


gulp.task('uglify', function() {
	return gulp.src('js/*.js')
		.pipe(plumber())
		.pipe(uglify())
		.pipe(gulp.dest('assets/js'));
});

gulp.task('sass', function() {
	return gulp.src('scss/*.scss')
		.pipe(plumber())
		.pipe(sourcemaps.init())
		.pipe(sass({
			outputStyle: 'compressed'
		}))
		.pipe(sourcemaps.write('/'))
		.pipe(gulp.dest('assets/css'));
});

gulp.task('imagemin', function() {
	return gulp.src('img/*')
		.pipe(plumber())
		.pipe(imagemin())
		.pipe(gulp.dest('assets/img'));
});

gulp.task('browser-sync', function() {
	browserSync({
		proxy: "localhost:8888"
	});
});

gulp.task('watch', function() {
	gulp.watch('scss/*.scss', ['sass', browserSync.reload]);
	gulp.watch('js/*.js',['uglify', browserSync.reload]);
	gulp.watch('index.html', [browserSync.reload]);
	gulp.watch('img/*', ['imagemin']);
});

gulp.task('default',['uglify', 'sass', 'browser-sync', 'watch']);

package.json

{
  "devDependencies": {
    "gulp": "~3.9.0",
    "gulp-uglify": "~1.2.0",
    "gulp-sass": "~2.0.4",
    "gulp-imagemin": "~2.3.0",
    "gulp-plumber": "~1.0.1",
    "browser-sync": "~2.8.2",
    "gulp-sourcemaps": "~1.5.2"
  }
}