Как исправить ошибку бесконечной перезагрузки в gulp-browser-sync - PullRequest
Новая
       60

Как исправить ошибку бесконечной перезагрузки в gulp-browser-sync

0 голосов
/ 24 октября 2019

Я создал gulpfile.js для быстрой компиляции проектов. Мой результат: 

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    browserSync = require('browser-sync'),
    uglify = require('gulp-uglify'),
    concat = require('gulp-concat'),
    rename = require('gulp-rename');

gulp.task('scss', function(){
  return gulp.src('app/scss/**/*.scss')
    .pipe(sass({outputStyle: 'compressed'}))
    .pipe(rename({
        suffix:'.min'
    }))
    .pipe(gulp.dest('app/css'))
    .pipe(browserSync.reload({stream: true}));
});

gulp.task('html', function(){
  return gulp.src('app/*.html')
    .pipe(browserSync.reload({stream: true}));
});

gulp.task('script', function(){
  return gulp.src('app/js/*.js')
    .pipe(browserSync.reload({stream: true}));
});

gulp.task('js', function(){
  return gulp.src([
    'node_modules/slick-carousel/slick/slick.js',
    'node_modules/magnific-popup/dist/jquery.magnific-popup.js'
  ])
    .pipe(concat('script.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('app/js'))
    .pipe(browserSync.reload({stream: true}));
});

gulp.task ('browser-sync', function(){
  browserSync.init({
    server: {
      baseDir: "app/"
    }
  });
});

gulp.task('watch', function(){
  gulp.watch('app/scss/**/*.scss', gulp.parallel('scss'));
  gulp.watch('app/*.html', gulp.parallel('html'));
  gulp.watch('app/js/*.js', gulp.parallel('script'));
});

gulp.task('default', gulp.parallel('browser-sync', 'watch'));

Но после запуска у меня возникла проблема - я вижу это: 

[23:26:38] Starting 'script'...
[Browsersync] 1 file changed (libs.min.js)
[23:26:38] Finished 'script' after 5.66 ms
[Browsersync] Reloading Browsers...
[23:26:40] Starting 'script'...
[Browsersync] 1 file changed (libs.min.js)
[23:26:40] Finished 'script' after 11 ms
[Browsersync] Reloading Browsers...
[23:26:43] Starting 'script'...
[Browsersync] 1 file changed (libs.min.js)
[23:26:43] Finished 'script' after 14 ms
[Browsersync] Reloading Browsers...

Почему существует такая перезагрузка? Как это исправить? Заранее спасибо!

Если у вас есть идеи по поводу оптимизации этого файла - пожалуйста, дайте мне знать! Спасибо!

...