Updated gulpfile to use modern syntax

gulpfile.js

@@ -2,16 +2,18 @@
 
 // Import required modules
 const del = require('del');
-const gulp = require('gulp');
+const { dest, series, src, watch }  = require('gulp');
 const postcss = require('gulp-postcss');
 const sass = require('gulp-sass')(require('sass'));
 
 // Set src and destination paths for css compilation
-const src = 'src/stylesheets/main.scss';
+const cssPaths = {
-const dest = 'public/css';
+	src: 'src/stylesheets/main.scss',
+	dest: 'public/css'
+};
 
-// Task to compile and optimise css from sass file
+// Compile and optimise css from sass file
-gulp.task('styles', () => {
+function compileStyles() {
 	let cssnanoOptions = {
 		normalizeWhitespace: false
 	};
@@ -27,25 +29,21 @@ gulp.task('styles', () => {
 		require('postcss-sort-media-queries')
 	];
 
-	return gulp.src(src)
+	return src(cssPaths.src)
 		.pipe(sass().on('error', sass.logError))
 		.pipe(postcss(plugins))
-		.pipe(gulp.dest(dest));
+		.pipe(dest(cssPaths.dest));
-});
+}
 
-// Task to clean up the destination directory
+// Clean css destination directory
-gulp.task('clean', () => {
+function cleanStyles() {
-	return del([
+	return del([ cssPaths.dest ]);
-		dest
+}
-	]);
-});
 
-// When called with no task, clean the destination, and then compile styles
+// Task to build stylesheet from start to finish
-gulp.task('default', gulp.series([ 'clean', 'styles' ]));
+exports.styles = series(cleanStyles, compileStyles);
 
 // Task to watch for changes in sass files, then compile on changes
-gulp.task('watch', () => {
+exports.watchStyles = () => {
-	gulp.watch('src/stylesheets/**/*.scss', (done) => {
+	watch('src/stylesheets/**/*.scss', exports.styles);
-		gulp.series([ 'clean', 'styles' ])(done);
+};
-	});
-});