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

#02 — autoprefixer, livereload, gulp-connect.

Продолжаем исследование возможностей потокового сборщика проектов — gulp.js. Героями сегодняшнего урока станут еще ряд плагинов, которые также значительно сокращают время
разработки сайтов, а работу верстальщиков и программистов делают более быстрой.

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

Будет также рассмотрен быстрый запуск локального сервера при помощи gulp-connect в связке
с livereload. Плагин gulp-livereload позволяет просматривать все изменения на странице,
сделанные разработчиком в любой папке проекта, без перезагрузки этой страницы, что,
бесспорно, очень удобно.

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


Замечания по уроку

  • Livereload работает во всех браузерах, плагин ставить не нужно
  • Webserver не поддерживает php, он для этого просто не предназначен
Материалы к уроку:
Делись:

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

4 thoughts on “#02 — autoprefixer, livereload, gulp-connect.

  1. Олег:

    Этот код и Лайв релоад не работают

  2. Евгений:

    Вместо livereload лучше юзать emmet livestyle

  3. _AndryYa_:

    Хочу чтоб сервер сразу запускался в браузере, как сделать?

    1. _AndryYa_:

      Отвечаю сам себе https://browsersync.io/docs/gulp в нем получилось настроить запуск.

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

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