Gulp 7: Автоперезагрузка браузера: browser-sync

preview_player
Показать описание
  1. JavaScript.ru
  2. node.js
  3. gulp
Рекомендации по теме
Gulp 7: Автоперезагрузка 0:10:09

Gulp 7: Автоперезагрузка браузера: browser-sync

Что такое browsersync? 0:05:11

Что такое browsersync?

Установка browser-sync и 0:16:58

Установка browser-sync и watch

Настройка browsersync 0:10:16

Настройка browsersync

Рабочая среда Gulp 0:02:55

Рабочая среда Gulp 4. Browsersync + sass

BrowserSync - #2 0:09:16

BrowserSync - #2 - Рассмотрение browser-sync API. Интеграция с gulp и sass.

Tutoriel BrowserSync : 0:13:26

Tutoriel BrowserSync : BrowserSync

Установка и запуск 0:05:24

Установка и запуск BrowserSync

Gulp. Как ускорить 0:07:08

Gulp. Как ускорить верстку? Установка Gulp 4 gulp-browsersync. Урок 5

Stines Node Gulp 0:26:53

Stines Node Gulp BrowserSync

Using Gulp Browser-Sync 0:01:19

Using Gulp Browser-Sync

How To Use 0:10:51

How To Use Gulp - Browser Sync Live Reload Tutorial - Learn Gulp

Настройка работы Browsersync 0:09:07

Настройка работы Browsersync и PHP

Gulp from Scratch: 0:06:52

Gulp from Scratch: Browser-Sync Stream changes without Reload

Собери свою сборку 0:09:41

Собери свою сборку на Gulp 4. Часть 5. Gulp-BrowserSync

Урок 189. Gulp. 0:31:43

Урок 189. Gulp. Browsersync

BrowserSync - #1 0:07:52

BrowserSync - #1 - Установка и обзор возможностей

Как запустить Gulp 0:02:01

Как запустить Gulp из любой директории

Browser-sync demo no 0:00:37

Browser-sync demo no Sergiolopes.org

Настройка плагина gulp-uglify 0:08:24

Настройка плагина gulp-uglify

Способы синхронизации вкладок 0:23:02

Способы синхронизации вкладок браузера — Елена Жукова...

Setup Gulp with 0:07:53

Setup Gulp with Browsersync and Nodemon

Стартовый шаблон для 0:22:49

Стартовый шаблон для верстки. Gulp4 + Pug + Sass + BrowserSync

Browsersync Tutorial for 0:03:36

Browsersync Tutorial for Beginners

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

Большое спасибо! Сяду отдельно и основательно все просмотрю!

ОлегРоманов-яы
Автор

0:00 автоматическое обновление страницы браузера при изменении файлов
0:20 livereload
1:40 browser-sync
2:50 browser-sync - метод init
3:05 browser-sync - список опций метода init - server
3:45 browser-sync - snippetOptions - настройка скрипта перезагрузки страницы
4:30 browser-sync - не отдавать статику браузер-синком - вставлять скрипт руками
5:10 browser-sync - proxy - проксирование для бэкэнда
5:47 browser-sync - добавляем озор файловой системы - watch
6:54 встраиваем браузер-синк в очередь задач для запуска

kostyaji
Автор

Сперва подумал что gulp 7й версии какой-то :))

oleksii.shkulipa
Автор

Если .pipe(gulpIf(isDev, sourcemaps.write())) — автообновление будет корректно работать.
Если .pipe(gulpIf(isDev, sourcemaps.write('.'))) — автообновление будет не инъецировать стили, а всегда обновлять страницу, при этом у меня периодически глючит позиция скрола страницы.

nicothin
Автор

browserSyncConfig = {
server: {
baseDir: inPub,
middleware: function(req, res, next) {
res.setHeader('Access-Control-Allow-Origin', '*');
next();
}
},
ghostMode: false,
notify: false,
open: false,
httpModule: 'spdy',
port: 3000,
https: true,
'browser': 'chrome.exe'
},
не забываем установить "spdy" и будьте счастливы.

mirajana
Автор

Подскажите пожалуйста как настроить brawser-sync так что бы в режиме прокси(на локалке поднят php сервак) brawser-sync работал без подключенного интернета. Все опции типа tunel, online выключены?

ИванФаков-жя
Автор

Не смог найти в документации. Есть ли возможность у browser-sync отображать структуру проекта, т.е. иметь возможность выбрать index2.html, index3.html и т.д. ?
Спасибо

Actimeller
Автор

Помогите, после выполнения gulp dev запускается сервер и выдает ошибку на странице "Cannot GET /"

НикитаШатров-лы
Автор

Выдает ошибку при попытке запустить сервер:

[BS] Serving files from: app
events.js:141
throw er; // Unhandled 'error' event
^

Error: spawn cmd ENOENT
at exports._errnoException (util.js:870:11)
at
at onErrorNT
at nextTickCallbackWith2Args (node.js:441:9)
at process._tickCallback (node.js:355:17)

Как ее можно решить? У меня windows 7. Не знаю, от чего еще эта ошибка может возникать

christopherjonson