Август 2017
Автор: Рубрика: Верстка Комментариев нет

livereload страниц в browsersync

livereload страниц в browsersync

Переходим на официальный сайт browser-sync, на главной странице увидим команду.

Клманду нужно прописать в окно команд в проекте npm I browser-synс --save-dev.

После успешной установки увидим, что плагин появился в package.json.

Открываем gulpfile.js и подключаем browser-sync. Пишем.

Создаем task

Дальше создаем таск для browser-synс, с функцией которую задали в переменную browsersynk.

Определяем параметры. Первый это папка app.

Для отключения уведомлений пропишем notyfy: false.

Это все что надо для работы релоадера.

Прописываем команду  в окне gulp browser-synс и видим, что запустился броузер.

Добавим новый pipe, в котором будем инджектить наши стили.

Модифицируем task.watch.

Открываем квадратные скобки и делаем запятую.

В кавычках мы перечисляем таски, которые необходимо выполнить до запуска task.watch.

Чтобы следить за всеми файлами, которые меняются воспользуемся функцией reload

Комментариев нет

Комментарии:

Комментарии запрещены