Мне не повезло получить livereload для перезагрузки моей страницы в Chrome с Gulp. Я был бы очень признателен за любую помощь, которую может предложить каждый.
- У меня установлено расширение Chrome, и оно показывает темный кружок, говорящий о том, что оно включено. Доступ к локальным файлам разрешен.
- Проект выполняется локально (WinNMP) в домене https://site.test
- Я хочу запустить livereload для задачи
sass_theme
а также задание watch
, но оно не перезагружается при запуске задания.
Вот как выглядит мой файл gulp:
'use strict';
var theme_name = 'oda';
var theme_path = `./wp-content/themes/${theme_name}`;
var gulp = require('gulp');
var sass = require('gulp-sass');
var cssnano = require('gulp-cssnano');
var autoprefixer = require("gulp-autoprefixer");
var sourcemaps = require('gulp-sourcemaps');
var livereload = require('gulp-livereload');
gulp.task('sass_theme', function () {
return gulp.src(`${theme_path}/assets/scss/theme/*.scss`)
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(autoprefixer())
.pipe(cssnano())
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest(`${theme_path}/assets/css/theme/`))
.pipe(livereload());
});
gulp.task('watch', function () {
livereload.listen();
gulp.watch(`${theme_path}/assets/scss/theme/*.scss`, gulp.series('sass_theme'));
});