12.3K ·GitHub
Что это такое?
BrowserSync — инструмент для разработчиков, который синхронизирует несколько браузеров и устройств, пока вы делаете сайты: действие в одном браузере сразу повторяется в остальных прямо во время работы.
BrowserSync — инструмент для разработчиков, который синхронизирует несколько браузеров и устройств, пока вы делаете сайты: действие в одном браузере сразу повторяется в остальных прямо во время работы.Это утилита, которую я запускаю во время разработки, или библиотека, которую я подключаю в коде?И то и другое: он поставляется как npm-пакет с интерфейсом командной строки, а также предоставляет публичный API, на основе которого можно строить другой код и интеграции.
И то и другое: он поставляется как npm-пакет с интерфейсом командной строки, а также предоставляет публичный API, на основе которого можно строить другой код и интеграции.Как запустить его у себя на компьютере?Установите npm-пакет (npm install -g browser-sync), затем следуйте руководству по установке и решению проблем на browsersync.io, чтобы начать работу.
Установите npm-пакет (npm install -g browser-sync), затем следуйте руководству по установке и решению проблем на browsersync.io, чтобы начать работу.Нужно ли сначала установить Node.js или что-то ещё?Да — он распространяется через npm как JavaScript-пакет, поэтому на компьютере должны быть Node.js и npm; при установке также подтянутся его зависимости для работы, например rxjs.
Да — он распространяется через npm как JavaScript-пакет, поэтому на компьютере должны быть Node.js и npm; при установке также подтянутся его зависимости для работы, например rxjs.У меня версия 1.x — что-то сломается при обновлении до 2.x?Нет, если вы не обращались к внутренним свойствам: в публичном API нет критических изменений. Изменилось только внутреннее хранение опций, поэтому urls теперь читаются иначе.
Нет, если вы не обращались к внутренним свойствам: в публичном API нет критических изменений. Изменилось только внутреннее хранение опций, поэтому urls теперь читаются иначе.Как BrowserSync попадает на мои страницы?Он работает через тег-сниппет на вашей странице — этот тег должен присутствовать, чтобы синхронизация работала; при необходимости можно задать своё правило для сниппета через snippetOptions.
Он работает через тег-сниппет на вашей странице — этот тег должен присутствовать, чтобы синхронизация работала; при необходимости можно задать своё правило для сниппета через snippetOptions.Есть ли готовые примеры интеграции со средствами сборки?Да — в README есть ссылка на «Browsersync recipes», подборку готовых примеров интеграции для типовых сценариев.
Да — в README есть ссылка на «Browsersync recipes», подборку готовых примеров интеграции для типовых сценариев.Это бесплатно, и как поддерживается разработка?Это бесплатно, проект выпущен под лицензией Apache 2.0. Автор принимает пожертвования любого размера через PayPal, чтобы поддерживать дальнейшую разработку.
Это бесплатно, проект выпущен под лицензией Apache 2.0. Автор принимает пожертвования любого размера через PayPal, чтобы поддерживать дальнейшую разработку.What are similar projects?less.js, yeoman, gopherjs, jquery, critical, closure-compiler, mustache.js, bb-browser
less.js, yeoman, gopherjs, jquery, critical, closure-compiler, mustache.js, bb-browserWhich topics is it in?cross-browser, real-time, browser, web-development, npm, frontend, automation, tool, apache-2.0, nodejs, javascript, cli
cross-browser, real-time, browser, web-development, npm, frontend, automation, tool, apache-2.0, nodejs, javascript, cli