Browsersync Browsersync synchronizuje zmiany w plikach i interakcje użytkownika (przewijanie, kliknięcia, formularze) na wielu urządzeniach w czasie rzeczywistym.
Instalacja
# Globalna instalacja CLI
npm install -g browser-sync
# Lub uruchomienie na żądanie za pomocą npx
npx browser-sync start --server
Uruchomienie statycznego serwera deweloperskiego
Serwowanie plików statycznych i monitorowanie zmian w HTML/CSS/JS:
browser-sync start --server "public" --files "public/**/*.html, public/**/*.css, public/**/*.js"
Obsługa istniejącego backendu jako proxy
Opakowanie istniejącego serwera lokalnego (np. Rails, Node, PHP) w automatyczne odświeżanie:
browser-sync start --proxy "localhost:3000" --files "**/*.css, **/*.js, **/*.html"
Typowe opcje CLI
| Opcja | Opis |
|---|---|
--server, -s |
Uruchomienie wbudowanego statycznego serwera HTTP |
--files, -f |
Ścieżki plików lub wzorce glob do monitorowania |
--port |
Własny port serwera (domyślnie 3000) |
--proxy, -p |
Przekazywanie żądań do istniejącego adresu lokalnego |
--no-open |
Wyłączenie automatycznego otwierania przeglądarki |
--no-notify |
Wyłączenie powiadomień wyświetlanych w przeglądarce |
--tunnel |
Udostępnienie serwera w sieci za pośrednictwem publicznego adresu URL |