import gulp from 'gulp'; import config from '../config'; // WATCH TASKS // ------------------ // watches for changes, recompiles & injects html + assets gulp.task('watch:styles', () => { gulp.watch(`${config.styles.source}/**/*.scss`, gulp.series('styles')); }); gulp.task('watch:scripts', () => { gulp.watch(`${config.scripts.source}/**/*.js`, gulp.series('scripts')); }); gulp.task('watch:images', () => { gulp.watch(`${config.images.source}/**/*`, gulp.series('images')); }); gulp.task('watch:vendor', () => { gulp.watch(`${config.vendor.source}/**/*`, gulp.series('vendor:styles')); }); gulp.task('watch:fonts', () => { gulp.watch(`${config.fonts.source}/**/*`, gulp.series('fonts')); }); gulp.task('watch:misc', () => { gulp.watch( ['config.js'], gulp.series('styles', 'scripts') ); }); gulp.task( 'watch', gulp.parallel( 'watch:styles', 'watch:scripts', 'watch:images', 'watch:vendor', 'watch:fonts', 'watch:misc' ) );