Получить бесплатную консультацию
Оставьте свои контакты, и с Вами
свяжутся наши специалисты
Заявка успешно отправлена!
С вами свяжется наш консультант :)
Произошла какая-то ошибка, пожалуйста, обновите страницу и попробуйте снова.
Средний
6 уроков
(56 минут)
Курс
Gulp.js
Gulp.js - потоковый сборщик проектов на JS. Gulp.js поможет вам оптимизировать рутинные дела web-разработчика.

#01 — Работаем с CSS: concat, minify, rename, notify, watch, dest.

Блаженство тела состоит в здоровье, блаженство ума — в знании. Фалес

Для любого веб-разработчика создание сайтов вручную без использования каких-либо программ автоматизации через некоторое время становится очень скучным занятием, превращается в рутину. А рутина в работе еще никому не доставляла удовольствия. Для этого и были созданы специальные программы, облегчающие и ускоряющие труд разработчиков. К одной из таких программ относится Gulp.js — потоковый сборщик проектов на JS.

Это первый урок нашего курса о gulp.js. На нем мы научимся подключать и настраивать сборщик. Познакомимся также с важными плагинами gulp, без установки которых работа программы будет бессмысленна. Важную роль играет в gulp.js concat — плагин, который объединяет файлы. А встроенная функция gulp.watch позволяет отслеживать изменения во всех файлах и запускать
процессы, которые должны при них происходить.

Будет рассмотрена работа с плагинами: minify, rename, notify. Разберемся с функцией gulp. dest.

Приятного всем просмотра! Учитесь с удовольствием!


Материалы к уроку:
Делись:

Оставь комментарий!

14 thoughts on “#01 — Работаем с CSS: concat, minify, rename, notify, watch, dest.

  1. YozhEzhi:

    Спасибо за урок, Дим!
    Как всегда коротко и лаконично.

    Будет ли обзор лучших пакетов для Галпа?

    1. kovaldn:

      Обязательно. 4 уже посмотрели, ждите еще 🙂

  2. Alex:

    А что за плагин на Sublime Text который добавляет стрелочки рядом со вкладками?
    Все не могу его найти

    1. kovaldn:

      очень просто — это sublime text 3 🙂

  3. Мари Сава:

    Классная тема =)
    Хорошие видео, интересные темы =)
    Вы все прекрасны, спасибо вам за вашу работу =)

    1. kovaldn:

      спасибо, нам очень приятно 🙂

  4. Дмитрий:

    Ребят, как управлять последовательностью конкатинации файлов без явного указания названия файла?

    1. kovaldn:

      других способов, кроме как в массиве перечислить названия всех файлов в том порядке, в котором они должны быть склеены, я не знаю.

  5. Евгений:

    Верстать под окнами несолидно

  6. Евгений:

    Поставь в «draw_white_space»: «all» в sublime

  7. Павел Кизернис:

    не пойму почему у меня не работает этот терминал в sublime 3…
    его нужно как-то настраивать?

  8. Sasha Muzyka:

    Дима, скажите пожалуйста, я так понимаю, что одно дело устанавливать Gulp на Windows, а другое дело на Mac OSX. Скажите пожалуйста в чем различия, и на что нужно обратить внимание при начальной настройке?

    Как проверить или установлен node.js на Mac?

    Очень хочу разобрать в этой теме, но пока не могу понять с чего начать.

    Заранее спасибо за Ваш ответ.

  9. InvDeath:

    Приветствую! Полезное и интересное видео, спасибо. У меня есть вопрос по использованию useref, нужно чтобы он прописывал путь после результата отличный от того куда ложит файлы. Каким образом это лучше сделать?
    К примеру хочу чтобы путь был как ‘/media/scripts/vendor.js’ но фай располагался в scripts/vendor.js относительно текущего html.

  10. DivMan:

    Как открыть терминал через Sublime? У меня нет этого пункта

Добавить комментарий

Рекомендуемые курсы