gulp.watch("src/img/*", compress).on("change", browserSync.reload);
gulp.watch("src/fonts/*", fonts).on("change", browserSync.reload);
gulp.watch("src/js/*", js).on("change", browserSync.reload);
gulp.watch("src/scss/*.scss", css);
gulp.watch("src/*.html", html).on("change", browserSync.reload);
function serve() {
browserSync.init({
server: {
baseDir: "./dist"
},
open: "local",
injectChanges: true
});
// лучше вместо названий тасков создать для каждого функцию с таким же именем
/*
function compress() {
return gulp.src(...)
....
}
*/
gulp.watch("src/img/*", "compress").on("change", browserSync.reload);
gulp.watch("src/fonts/*", "fonts").on("change", browserSync.reload);
gulp.watch("src/js/*", "js").on("change", browserSync.reload);
gulp.watch("src/scss/*.scss", "css");
gulp.watch("src/*.html", "html").on("change", browserSync.reload);
}
// тоже самое лучше функции использовать вместо названий тасков
module.exports.server = gulp.series(css, html, compress, fonts, js, serve);
// можна также паралельно выполнять
// module.exports.server = gulp.series(gulp.parallel(css, html, compress, fonts, js), serve);
onClick='console.log(a);'