Я новичок в Gulp, и я хотел использовать его автоматическую компиляцию scss и синхронизацию браузера. Но я не могу заставить его работать.
Я раздели все, чтобы оставить только содержимое примера на веб-сайте Browsersync:
Я могу вызвать Gulp. Сайт отображается, и я получаю сообщение от Browsersync. Когда я изменяю HTML, страница перезагружается. Когда я изменяю scss, я вижу это:
но я должен перезагрузить вручную. Что мне не хватает?
23817 просмотра
9 ответа
173 Репутация автора
Я новичок в Gulp, и я хотел использовать автоматическую компиляцию scss и синхронизацию браузера. Но я не могу заставить его работать.
Я убрал все, чтобы оставить только содержимое примера на веб-сайте Browsersync:
Я могу назвать подачу глотки. Сайт отображается, и я получаю сообщение от Browsersync. Когда я изменяю HTML, страница перезагружается. Когда я изменяю scss, я могу это увидеть:
но я должен перезагрузить вручную. Что мне не хватает?
Ответы (9)
9 плюса
9016 Репутация автора
Это потому, что вы звоните browserSync.reload на часы html, а не на часы scss.
16 плюса
2468 Репутация автора
Вы можете просто вставлять изменения вместо того, чтобы принудительно обновлять полный браузер при компиляции SASS, если хотите.
6 плюса
194 Репутация автора
Это то, что я использую, и это нормально работает в sass или любых других файлах
плюса
6 Репутация автора
Я включаю это в свой html, прямо под тегом body. Оно работает.
2 плюса
7650 Репутация автора
Иди в эту же проблему, пытаясь перезагрузить php и js файлы и потоковые css файлы. Я смог использовать поток только с помощью pipe метода, что имеет смысл. В любом случае, вот что сработало для меня:
Но, на самом деле, я предпочитаю ответ @ pixie:
Автор: bozdoz Размещён: 24.04.2016 05:44
1 плюс
416 Репутация автора
У меня тоже была такая же проблема. Он работал, когда я назвал метод перезагрузки отдельной задачей.
18 плюса
408 Репутация автора
Я также столкнулся с аналогичной проблемой, когда я был новичком в использовании браузера-синхронизации, в командной строке говорилось «перезагрузка браузеров», но браузер совсем не обновлялся, проблема заключалась в том, что я не включил тег body на моей странице HTML, browser-sync может добавить скрипт для его функциональности, убедитесь, что на вашей HTML-странице есть тег тела.
Автор: SU15 Размещён: 22.05.2017 09:57
1 плюс
9501 Репутация автора
Иногда при использовании CLI у вас нет скрипта, вставленного в ваши основные файлы HTML, поэтому вы должны вручную добавить это или использовать глоток.
плюса
336 Репутация автора
Я запускаю сайт MAMP, и это сработало для меня
Добрый день!
Перестала обновляться страница проекта с Browser-Sync. Причем страница открывается, но при внесении изменений не обновляется. В конфигурации ничего не менялось. Другой проект с такой же конфигурацией Gulp файла собирается и обновляется нормально.
Страница перестала обновляться во время разработки проекта, т.е. плагины и gulp файл не менялся.
- Вопрос задан более трёх лет назад
- 1501 просмотр
Причину подсказать не могу (очевидно из-за обновления), но зато есть рабочий вариант
Потом в каждом watch нужно дописать browserSync.reload
Сталкивался с такой проблемой.
Browser-sync по умолчанию добавляет специальный скрипт:
Сразу же после тега и если на странице по какой то причине открывающийся тег будет отсутствовать Live Reload перестанет работать.
Вот цитата из документации:
Why isn’t Browsersync connecting with my project?
99% of the time, it’s because your web page doesn’t have a body tag. In order for Browsersync to connect properly the body tag must be present in your website (we add a script tag just after it). Alternatively you can provide a custom rule for the snippet using snippetOptions