gulpfile.js

/* Define dependencies */
var gulp = require('gulp'),
	watch = require('gulp-watch'),
	sass = require('gulp-sass'),
	autoprefixer = require('gulp-autoprefixer'),
	browserSync = require('browser-sync').create(),
	css = 'resources/css',
	js = 'resources/js',
	fonts = 'resources/fonts',
	images = 'resources/images';

gulp.task('components', function() {

	/* bootstrap */
	gulp.src('node_modules/bootstrap/dist/css/bootstrap.min.css')
		.pipe(gulp.dest(css));

	/* font-awesome */
	gulp.src('node_modules/font-awesome/fonts/*')
		.pipe(gulp.dest(fonts));

	/* jquery */
	gulp.src('node_modules/jquery/dist/jquery.min.js')
		.pipe(gulp.dest(js));

	/* chart.js */
	gulp.src('node_modules/chart.js/dist/Chart.min.js')
		.pipe(gulp.dest(js));

	/* fullpage.js */
	gulp.src('node_modules/fullpage.js/dist/jquery.fullpage.min.js')
		.pipe(gulp.dest(js));
});

gulp.task('images', function() {
	return gulp.src('assets/images/*')
		.pipe(gulp.dest(fonts))
		.pipe(browserSync.stream());
});

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

function handleError(err) {
	console.log(err.toString());
	this.emit('end')
}

gulp.task('styles', function() {
	return gulp.src('assets/sass/app.scss')
		.pipe(sass().on('error', handleError))
		.pipe(autoprefixer({browsers: ['last 2 versions']}))
		.pipe(gulp.dest(css))
		.pipe(browserSync.stream());
});

gulp.task('scripts', function() {
	return gulp.src(['assets/js/scripts.js'])
		.pipe(gulp.dest(js))
		.pipe(browserSync.stream());
});

gulp.task('serve', ['components', 'fonts', 'styles', 'images', 'scripts'], function() {

	browserSync.init({
		server: "./",
		notify: false
	});

	gulp.watch('assets/sass/*', ['styles']).on('change', browserSync.reload);
	gulp.watch('assets/js/*', ['scripts']).on('change', browserSync.reload);;
	gulp.watch('assets/images/*', ['images']).on('change', browserSync.reload);;
	gulp.watch('*.html').on('change', browserSync.reload)

});

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