Синхронизация браузера, перезагрузка скриптов и стилей не работает при миграции с gulp 3.x на gulp 4.x - PullRequest
Новая
       43

Синхронизация браузера, перезагрузка скриптов и стилей не работает при миграции с gulp 3.x на gulp 4.x

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

Я пытаюсь обновить gulp с 3.x до 4.x. При использовании gulp watch стили, сценарии и функция ввода работают хорошо. Но когда я изменяю любой файл, сценарии и стили должны загружаться автоматически. Это не работает.

Я попытался добавить gulp.series к каждой функции. 

    function isOnlyChange(event) {
      return event.type === 'changed';
      }

   gulp.watch([
     path.join(conf.paths.src, '/app/**/*.css'),
     path.join(conf.paths.src, '/app/**/*.scss')
    ], gulp.series(function (event) {
        if (isOnlyChange(event)) {
          gulp.series('styles-reload');
       } else {
         gulp.series('inject-reload');
       }
   }));

Часы Gulp должны перезагрузить стили, когда я вносю изменения в файл стилей, но это не работает. Может кто-нибудь помочь мне, как выступить в gulp 4.x

1 Ответ

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

Вы можете попробовать что-то вроде этого: 

function myWatch() {

  gulp.watch(['./scss/*.scss'], { events: 'change' }, function (cb) {
    console.log("here 1");
    // gulp.series('styles-reload');
    cb();
  });

  gulp.watch(['./scss/*.scss'], { events: ['add', 'addDir', 'unlink', 'unlinkDir', 'ready', 'error'] }, function (cb) {
    console.log("here 2");
    // gulp.series('inject-reload');
    cb();
  });
}

См. https://gulpjs.com/docs/en/api/watch#options, чтобы увидеть описание событий, которые вы можете включить во второй gulp.watch.

...