Gulp. Спостереження за змінами в файлах.

Відео: Спостереження за щукою

Всім привіт! У цій статті ми розглянемо, як зробити спостереження за змінами в файлах в Gulp.

У минулій статті ми з`ясували, як можна створювати завдання і запускати їх. Однак, погодьтеся, це не дуже зручно після кожної зміни в файлах вручну запускати завдання для їх компіляції. Давайте цю справу автоматизуємо.

Для стеження за всіма збереженими файлами в Gulp є метод Watch (). Давайте його використовуємо:

gulp.task(`Watch`,function(){ 
 gulp.watch(`App / sass / *. Sass`,[`Sass`]) - 
}) -

Тут ми створюємо завдання watch, в якій викликаємо метод watch (), куди першим параметром передаємо файли, за якими потрібно стежити, а другим - завдання, які потрібно запускати, якщо в цих файлах відбудуться якісь зміни.

Давайте тепер запустимо Gulp і завдання watch:

gulp watch

В консолі ви побачите наступне:

Відео: Спостереження за дитиною на прогулянці. Мамина школа. ТСВ

Starting`Watch` 
Finished`Watch` after 17ms

Тут нам йдеться про те, що завдання watch запущена за 17 мілісекунд. Цей час може бути, природно, іншим.

Тепер зайдіть в файл main.sass і поміняйте що-небудь. Наприклад, задайте новий колір заднього фону:

body 
 background-color:# 555

Тепер, після того, як ви збережете файл, в консолі з`явиться новий запис:

Starting`Sass` 
Finished`Sass` after 37ms

Вона каже нам про те, що все працює так, як і повинно працювати. Після збереження файлу sass, метод watch () автоматично запустив завдання sass, яка і скомпілювати main.sass в main.css. Якщо ви відкриєте файл main.css, то зможете в цьому переконатися.

Отже, а на сьогодні це все. Дякую за увагу!

Поділися в соціальних мережах:

Схожі