Как подключить gulp-watch?

Question

[Andrej Sharapov]

Добрый день!

Подскажите, как правильно подключить и запустить отслеживание для css & js файлов?

таски:

const watch = require('gulp-watch');

 gulp.task('cssc', () => {
    return gulp.src('./build/scss/*.css')
        .pipe(sourcemaps.init())
        .pipe(csscomb())
        .pipe(mmq({
            log: true
        }))
        .pipe(cleanCSS())
        .pipe(rename({
            suffix: ".min"
        }))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('./css/'))
});

gulp.task('jsc', () => {
    return gulp.src(['bodyload.js', 'toggle.js'].map(file => `./build/js/${file}`))
        .pipe(sourcemaps.init())
        .pipe(babel({
            presets: ['@babel/preset-env']
        }))
        .pipe(concat('scripts.js'))
        .pipe(uglify())
        .pipe(rename("scripts.min.js"))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('./js/'))
});

gulp.task('watch', function() {
    gulp.watch('./build/scss/*.css', ['cssc']);
    gulp.watch('./build/js/*.js', ['jsc']);
  });

не срабатывает

Comments

[Владимир Скибин]

Как запускаете?

[Andrej Sharapov]

Владимир Скибин, пока по отдельности: gulp cssc & gulp jsc

Answer 1

[Максим]

https://www.youtube.com/watch?v=r2S423N-ETA я лучше этого урока вообще на youtube не видел

Answer 2

[Владимир Скибин]

Сделайте таску

gulp.task('default', gulp.series('clean', 'build', 'watch'));

clean - почистили build, build - собрали, watch - поставили на наблюдение

Answer 3

[Dmitriy Grape]

Привет, скорее всего ты юзаешь 4-ый gulp, там вызов тасков реализуется по-другому.

Вместо массива, вторым аргументом передаётся функция, либо gulp.series, либо gulp.parralel. В аргументах передаешь названия тасков безо всяких массивов (gulp.series(“task”, “task”)).

P.S. Поставь точки с запятыми после последних pipe.