Browsersync Browsersync синхронизирует изменения файлов и действия пользователя (прокрутку, клики, ввод в формы) на нескольких устройствах в режиме реального времени.
Установка
# Глобальная установка CLI
npm install -g browser-sync
# Или разовый запуск через npx
npx browser-sync start --server
Запуск статического dev-сервера
Раздача статических файлов и отслеживание изменений HTML/CSS/JS:
browser-sync start --server "public" --files "public/**/*.html, public/**/*.css, public/**/*.js"
Проксирование существующего бэкенда
Обертка существующего локального сервера (Rails, Node, PHP) для добавления живой перезагрузки:
browser-sync start --proxy "localhost:3000" --files "**/*.css, **/*.js, **/*.html"
Популярные флаги CLI
| Опция | Описание |
|---|---|
--server, -s |
Запуск встроенного статического HTTP-сервера |
--files, -f |
Пути к файлам или glob-шаблоны для отслеживания |
--port |
Пользовательский порт сервера (по умолчанию 3000) |
--proxy, -p |
Проксирование существующего локального веб-адреса |
--no-open |
Не открывать окно браузера автоматически |
--no-notify |
Отключить всплывающее уведомление в браузере |
--tunnel |
Открыть доступ к серверу из интернета через публичный URL |