@@ -26,36 +26,34 @@ const files = {
2626 jsPath : "js/**/*.js" ,
2727 cssPath : "css/*.css" ,
2828 sassPath : "css/*.sass"
29-
3029} ;
3130
3231const sassTask = ( ) => {
3332 return src ( files . sassPath )
3433 . pipe ( sourcemaps . init ( ) ) // initialize sourcemaps first
3534 . pipe ( sass ( ) ) // compile SASS to CSS
36- . pipe ( postcss ( [ autoprefixer ( ) , cssnano ( ) ] ) ) // PostCSS plugins
35+ . pipe ( postcss ( [ autoprefixer ( ) , cssnano ( ) ] ) ) // PostCSS plugins
3736 . pipe ( sourcemaps . write ( "." ) ) // write sourcemaps file in current directory
3837 . pipe ( dest ( "dist/css" ) ) ; // put final CSS in dist folder
3938} ;
4039
4140const cssTask = ( ) => {
4241 return src ( files . cssPath )
43- . pipe ( minifyCSS ( { compatibility : "ie8" } ) )
42+ . pipe ( minifyCSS ( { compatibility : "ie8" } ) )
4443 . pipe ( gulp . dest ( "dist/css" ) ) ;
4544} ;
4645
4746// JS task: concatenates and uglifies JS files to app.min.js
4847const jsTask = ( ) => {
4948 return src ( [ files . jsPath ] )
5049 . pipe ( concat ( "app.min.js" ) )
51- . pipe ( babel (
52- {
50+ . pipe (
51+ babel ( {
5352 presets : [ "@babel/env" ]
54- }
55- ) )
53+ } )
54+ )
5655 . pipe ( uglify ( ) )
57- . pipe ( dest ( "dist" )
58- ) ;
56+ . pipe ( dest ( "dist" ) ) ;
5957} ;
6058
6159// Cachebust
@@ -69,33 +67,36 @@ const cacheBustTask = () => {
6967//This gulp task formats the js files
7068
7169const prettify = ( ) => {
72- return gulp . src ( files . jsPath )
73- . pipe ( prettier ( {
74- singleQuote : true ,
75- trailingComma : "all"
76- } ) )
70+ return gulp
71+ . src ( files . jsPath )
72+ . pipe (
73+ prettier ( {
74+ singleQuote : true ,
75+ trailingComma : "all"
76+ } )
77+ )
7778 . pipe ( gulp . dest ( "./dist/js" ) ) ;
7879} ;
7980
8081//to check whether or not files adhere to Prettier's formatting
8182
8283const validate = ( ) => {
83- return gulp . src ( files . jsPath )
84- . pipe ( prettier . check ( { singleQuote : true , trailingComma : "all" } ) ) ;
84+ return gulp . src ( files . jsPath ) . pipe ( prettier . check ( { singleQuote : true , trailingComma : "all" } ) ) ;
8585} ;
8686
8787// Watch task: watch SASS , CSS and JS files for changes
8888// If any change, run sass, css and js tasks simultaneously
8989const watchTask = ( ) => {
90- watch ( [ files . jsPath , files . cssPath , files . sassPath ] ,
91- parallel ( jsTask , cssTask , sassTask ) ) ;
90+ watch ( [ files . jsPath , files . cssPath , files . sassPath ] , parallel ( jsTask , cssTask , sassTask ) ) ;
9291} ;
9392
9493// Export the default Gulp task so it can be run
9594// Runs the sass ,css and js tasks simultaneously
9695// then runs prettify, cacheBust, watch task, then validate
9796exports . default = series (
98- parallel ( jsTask , cssTask , sassTask ) , prettify ,
97+ parallel ( jsTask , cssTask , sassTask ) ,
98+ prettify ,
9999 cacheBustTask ,
100- watchTask , validate
100+ watchTask ,
101+ validate
101102) ;
0 commit comments