Автоматически запускать задачи при сохранении файлов
Posted: Sat Dec 28, 2024 6:51 am
Я знаю, я много писал, но если у вас еще есть несколько минут терпения, я покажу вам, как еще больше автоматизировать вашу работу и сэкономить много времени.
Теперь у вас очень хорошо структурированный рабочий процесс, а сгенерированный вами CSS-код легко читается как в браузерах (оптимизированный и минимизированный), так и для людей, работающих на сайте (исходная карта).
Есть еще одна небольшая проблема, которую было бы полезно решить: автоматизация компиляции CSS .
Если вы шаг за шагом следовали статье данные telegram коста-рики и gulpfile.jsсоответствующим образом редактировали свою, вы заметили одну очень раздражающую вещь: каждый раз, когда вы хотите скомпилировать CSS, вам приходится запускать команду gulp scssв своем терминале.
Разве не было бы неплохо иметь возможность указать Gulp.js отслеживать вносимые вами изменения и автоматически выполнять созданные вами задачи ?
Да, на самом деле это действительно здорово и, к счастью для нас , Gulp.js уже предлагает все , нам просто нужно дать ему указание рассказать, как это сделать.
Расширенные концепции Gulp.js
Я собираюсь познакомить вас с функцией, которая требует глубоких знаний о том, как компилируется ваш код, но эта статья слишком длинная. Если вам интересно , подпишитесь на рассылку новостей , чтобы узнавать о новостях, которые мы будем публиковать в области веб-разработки.
Если вы хотите указать Gulp.js наблюдать за файлом, вам нужно использовать его метод watch(). Чтобы использовать его, мы можем продолжить деструктуризацию, gulpизменив первую строку gulpfile.jsследующим образом:
Теперь у вас очень хорошо структурированный рабочий процесс, а сгенерированный вами CSS-код легко читается как в браузерах (оптимизированный и минимизированный), так и для людей, работающих на сайте (исходная карта).
Есть еще одна небольшая проблема, которую было бы полезно решить: автоматизация компиляции CSS .
Если вы шаг за шагом следовали статье данные telegram коста-рики и gulpfile.jsсоответствующим образом редактировали свою, вы заметили одну очень раздражающую вещь: каждый раз, когда вы хотите скомпилировать CSS, вам приходится запускать команду gulp scssв своем терминале.
Разве не было бы неплохо иметь возможность указать Gulp.js отслеживать вносимые вами изменения и автоматически выполнять созданные вами задачи ?
Да, на самом деле это действительно здорово и, к счастью для нас , Gulp.js уже предлагает все , нам просто нужно дать ему указание рассказать, как это сделать.
Расширенные концепции Gulp.js
Я собираюсь познакомить вас с функцией, которая требует глубоких знаний о том, как компилируется ваш код, но эта статья слишком длинная. Если вам интересно , подпишитесь на рассылку новостей , чтобы узнавать о новостях, которые мы будем публиковать в области веб-разработки.
Если вы хотите указать Gulp.js наблюдать за файлом, вам нужно использовать его метод watch(). Чтобы использовать его, мы можем продолжить деструктуризацию, gulpизменив первую строку gulpfile.jsследующим образом: