Browsersync Browsersync sincronizza le modifiche ai file e le interazioni (scorrimenti, clic, moduli) su più dispositivi in tempo reale durante lo sviluppo web.
Installazione
# Installazione globale della CLI
npm install -g browser-sync
# Oppure esecuzione su richiesta con npx
npx browser-sync start --server
Avviare un server di sviluppo statico
Servire file statici e monitorare le modifiche a HTML/CSS/JS:
browser-sync start --server "public" --files "public/**/*.html, public/**/*.css, public/**/*.js"
Proxy di un backend esistente
Incapsulare un server di sviluppo locale esistente (es. Rails, Node, PHP) con ricarica automatica:
browser-sync start --proxy "localhost:3000" --files "**/*.css, **/*.js, **/*.html"
Opzioni CLI comuni
| Opzione | Descrizione |
|---|---|
--server, -s |
Eseguire un server HTTP statico integrato |
--files, -f |
Percorsi di file o pattern glob da monitorare |
--port |
Specificare una porta personalizzata (predefinita 3000) |
--proxy, -p |
Configurare il proxy per un indirizzo web locale esistente |
--no-open |
Impedire l'apertura automatica del browser |
--no-notify |
Disabilitare la notifica mobile nel browser |
--tunnel |
Esporre il server su Internet tramite un URL pubblico |