как 'browserSync + LiveReload + watch' в gulp @ 4 - PullRequest
Новая
       54

как 'browserSync + LiveReload + watch' в gulp @ 4

1 голос
/ 06 марта 2019

Я пытаюсь написать файл gulp, который делает следующее:

  1. смотреть задание на любые изменения.
  2. компилировать SCSS и минимизировать CSS и JavaScript, вызывая некоторые задачи
  3. Перезагрузите браузер через браузер Sync

Итак, я придумал следующий кусок кода: 

gulp.task('watch', function() {

  browserSync({
    server: {
      baseDir: [paths.base.root]
    }
  });

  gulp.watch(paths.assets.scss, gulp.series('compile:scss'));
  gulp.watch(paths.assets.css + '**/*.css', gulp.series('minify:css'));
  gulp.watch(paths.assets.js, gulp.series('minify:js'));


  gulp.watch(paths.base.html, browserSync.reload);
  gulp.watch(paths.assets.js, browserSync.reload);
  gulp.watch(paths.assets.css + '**/*.css', browserSync.reload); 
  gulp.watch(paths.assets.imgs, browserSync.reload); 
});

В этой части кода первые три задачи работают, но браузер перезагружается только один раз.

...