Відстеження Gulp сильно змінилася з версії 3.x до 4.x. Дивіться документацію.
Gulp пропонує метод watch, який перевіряє, чи файл збережено. Синтаксис методу watch наступний:
<code data-language="javascript">gulp.watch('Файли для стеження', ['завдання' , 'для виконання']); Якщо ми хочемо переглядати всі Sass-файли та запускати завдання sass при кожному збереженні Sass-файлу, нам просто потрібно замінити «Файли для стеження» на app/scss/**/*.scss, а ['завдання', 'для', 'виконання'] на ['sass']:
<code data-language="javascript">gulp.watch('app/scss/**/*.scss', ['sass']);Найчастіше нам хочеться відстежувати кілька типів файлів одночасно. Для цього ми можемо згрупувати кілька процесів стеження в одне завдання watch:
<code data-language="javascript">gulp.task('watch ', function(){ gulp.watch('app/scss/**/*.scss', ['sass']); //Інші відстеження })Якщо ви виконаєте команду gulp watch прямо зараз, то побачите, як Gulp відразу починає відстеження файлів.
І що він автоматично виконує завдання sass при кожному збереженні файлу .scss.
Давайте зробимо ще один крок і змусимо Gulp перезавантажувати браузер за допомогою Browser Sync щоразу, коли ми зберігаємо файл .scss.