Как сделать чтобы Gulp следил за js?

Question

[MRcracker]

Использую gulp и browser-sync. Задача сделать так, чтобы gulp следил за изменениями в js файлах, но js файлов очень много и когда я добавляю их в gulp, то он начинает перезагружаться много раз и даже доходило до того, что ноутбук завис. Как можно исправить эту проблему? Скажу заранее, что объединить их в один нельзя тк они используются на разных страницах

Comments

[Сергей delphinpro]

Частая ошибка новичка. Сам страдал давным-давно =)

Правильно делать так:
Вотчер следит за файлами и запускает задачу.
Задача по окончании запускает перезагрузку страницы.

Еще раз: вотчер не прикасается к browserSync, он только запускает задачу.

[MRcracker]

Сергей delphinpro, а можете привести пример такска, если вам не сложно

[Сергей delphinpro]

MRcracker, Здесь смотрите мой ответ, недавно объяснял. Почему не завершается процесс gulp?

[MRcracker]

Сергей delphinpro, К сожалению так и не понял, что нужно сделать для решения моей проблемы

[Сергей delphinpro]

MRcracker, что там непонятного-то?
Вот на это нужно было обратить внимание.

// Подключаем библу
const browserSync = require('browser-sync').create(); // create!!!

// Инициализируем сервер
browserSync.init(settings);

// для отслеживания изменений юзаем watch
// который ЗАПУСКАЕТ ЗАДАЧУ, а не перезагружает страницу!!!
gulp.watch(paths.watch.js).on('change', ['pug']);

// А уже в самой задаче, по ее окончанию, вызываем перезагрузку страницы
.pipe(browserSync.reload)

// А стили можно инъектить вообще без перезагрузки страницы:
.pipe(browserSync.stream())

[MRcracker]

Сергей delphinpro, использовал такую команду для перезагрузки, но проблема была в том, что когда было много js файлов, то gulp обновлял страницу столько раз сколько было файлов js и если их много, то можно что-то придумать, чтобы не конкатинировать все файлы в один?

Answer 1

[Александр Баля]

Используйте что-то вроде gulp-changed, чтобы Gulp обрабатывал не все файлы кучей, а только те, которые изменились.