function watchAndReload() {
    // watch scss files
    gulp.watch(config.sourcePath + 'scss/**', gulp.series(scss, scssLint));
    // watch js files
    gulp.watch(config.sourcePath + 'js/**', gulp.series(js, jsLint));
    // watch images
    gulp.watch(config.sourcePath + 'img/**', img);
    // watch fonts
    gulp.watch(config.sourcePath + 'font/**', font);
    // watch svg
    gulp.watch(config.sourcePath + 'svg/**', svg);
    
    gulp.watch(config.publicPath + '**/*.{css,eot,ico,js,jpg,otf,png,svg,ttf,woff,woff2}', browserSyncReload);
    gulp.watch('templates/**/*.{php,html,phtml}', browserSyncReload);
}
// watch files and reload browser on file change

watch files and reload browser on file change
watch files and reload browser on file change
function watchAndReload() {
    gulp.watch(config.sourcePath + 'scss/**', gulp.series(scss, scssLint));
    gulp.watch(config.sourcePath + 'js/**', gulp.series(js, jsLint));
    gulp.watch(config.sourcePath + 'img/**', img);
    gulp.watch(config.sourcePath + 'font/**', font);
    gulp.watch(config.sourcePath + 'svg/**', svg);
    gulp.watch(config.publicPath + '**/*.{css,eot,ico,js,jpg,otf,png,svg,ttf,woff,woff2}', browserSyncReload);
    gulp.watch('templates/**/*.{php,html,phtml}', browserSyncReload);
}
function watchAndReload ( ) { gulp . watch ( config . sourcePath + 'scss/**' , gulp . series ( scss , scssLint ) ) ; gulp . watch ( config . sourcePath + 'js/**' , gulp . series ( js , jsLint ) ) ; gulp . watch ( config . sourcePath + 'img/**' , img ) ; gulp . watch ( config . sourcePath + 'font/**' , font ) ; gulp . watch ( config . sourcePath + 'svg/**' , svg ) ; gulp . watch ( config . publicPath + '**/*.{css,eot,ico,js,jpg,otf,png,svg,ttf,woff,woff2}' , browserSyncReload ) ; gulp . watch ( 'templates/**/*.{php,html,phtml}' , browserSyncReload ) ; }
watch files and reload browser on file change
watch files and reload browser on file change
// watch scss files
 // watch js files
 // watch images
 // watch fonts
 // watch svg
