Lunatu
@Lunatu
Html-верстальщик

Почему Gulp watch не обновляет файлы автоматически?

Задаю команду gulp watch - все отрабатывается. А автоматически он не следит. То есть, при изменении любого файла gulp watch молчит и мне нужно снова и снова задавать команду, чтобы обновиться.

Автосохранение в редакторе стоит.
Как сделать так, чтобы при изменении файлов, gulp автоматически обновлял файлы?
//gulpfile.js

'use strict'

var gulp = require('gulp');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
sass.compiler = require('node-sass');

gulp.task('styles', function (done) {
return gulp.src('src/css/*.scss')
.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
// .pipe(sass().on('error', sass.logError))
.pipe(autoprefixer())
.pipe(gulp.dest('build/css/'));
done();
});

gulp.task('css', function (done) {
gulp.src('src/css/**/*.css')
.pipe(gulp.dest('build/css/'));
done();
});

gulp.task('views', function (done) {
gulp.src('src/*.html')
.pipe(gulp.dest('build/'));
done();
});

gulp.task('img', function (done) {
gulp.src('src/img/**/*.*')
.pipe(gulp.dest('build/img/'));
done();
});

gulp.task('scripts', function (done) {
gulp.src('src/js/*.js')
.pipe(gulp.dest('build/js/'));
done();
});

gulp.task('build', gulp.parallel('styles', 'css', 'views', 'img', 'scripts'), function (done) {
done();
});

gulp.task('watch', gulp.parallel('build'), function (done) {
gulp.watch('src/css/*.scss', gulp.parallel('styles'));
gulp.watch('src/css/**/*.css', gulp.parallel('css'));
gulp.watch('src/*.html', gulp.parallel('views'));
gulp.watch('src/img/*.*', gulp.parallel('img'));
gulp.watch('src/js/*.js', gulp.parallel('scripts'));
done();
});
  • Вопрос задан
  • 90 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы