Сначала в консоли (если ранее не устанавливали):
npm i -g gulp-cli
var gulp = require("gulp");
var sass = require("gulp-sass");
var plumber = require("gulp-plumber");
var server = require("browser-sync").create();
gulp.task("style", function() {
return gulp.src("./site/sass/**/*.scss")
.pipe(plumber())
.pipe(sass())
.pipe(gulp.dest("./site/css"))
.pipe(server.stream());
});
gulp.task("serve", gulp.series(["style"], function () {
server.init({
server: "site/.",
notify: false,
open: true,
cors: true,
ui: false
});
gulp.watch("./site/**/*.scss", gulp.parallel(["style"]));
gulp.watch("*.html").on("change", server.reload);
}));
Работу именно на вашем проекте не проверял, если будут ошибки — пишите в комментариях какие.