Вопрос в следующем: при обработке, browserSync фиксирует изменения sass файлов, но изменения в html не фиксирует. Предполагаю, что ошибка в написании watch для html, но в чем именно, понять не могу.
const { src, dest, parallel, watch, series } = require('gulp');
const sass = require('gulp-sass');
const browserSync = require('browser-sync').create();
function browser() {
browserSync.init({
server: {
baseDir: "src"
},
notify: false,
})
}
function watchFiles() {
watch("src/sass/**/*.scss", css);
watch("src/*.html", browserSync.stream());
}
function css() {
return src("src/sass/**/*.scss")
.pipe(sass())
.pipe(dest("src/css"))
.pipe(browserSync.stream());
}
exports.css = css;
exports.default = series(
series(css),
parallel(browser, watchFiles)
);
Проблему решил, предоставляю работающий код.
const { src, dest, parallel, watch, series } = require('gulp');
const sass = require('gulp-sass');
const browserSync = require('browser-sync').create();
function browser() {
browserSync.init({
server: {
baseDir: "src"
},
notify: false,
})
}
function watchFiles() {
watch("src/sass/**/*.scss", css);
watch("src/*.html").on('change', browserSync.reload);
}
function css() {
return src("src/sass/**/*.scss")
.pipe(sass())
.pipe(dest("src/css"))
.pipe(browserSync.stream());
}
exports.css = css;
exports.default = series(
series(css),
parallel(browser, watchFiles)
);
Продвижение своими сайтами как стратегия роста и независимости