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

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

18
Августа
2014
Дмитрий Ковальчук аватар
Автор урока:
Дмитрий Ковальчук
14
комментариев

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

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

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

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

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


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

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

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

  1. YozhEzhi:
    18.08.2014 в 12:27

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

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

    1. kovaldn:
      18.08.2014 в 14:10

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

  2. Alex:
    19.08.2014 в 11:34

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

    1. kovaldn:
      19.08.2014 в 18:24

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

  3. Мари Сава:
    22.08.2014 в 21:05

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

    1. kovaldn:
      04.10.2014 в 08:57

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

  4. Дмитрий:
    02.10.2014 в 16:07

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

    1. kovaldn:
      04.10.2014 в 08:57

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

  5. Евгений:
    16.11.2014 в 18:44

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

  6. Евгений:
    16.11.2014 в 18:50

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

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

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

  8. Sasha Muzyka:
    25.09.2015 в 16:02

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

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

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

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

  9. InvDeath:
    09.03.2016 в 13:30

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

  10. DivMan:
    24.04.2016 в 15:43

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

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

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