Browsersync Browsersync synchronise les modifications de fichiers et les interactions (défilements, clics, formulaires) sur plusieurs appareils en temps réel.
Installation
# Installation globale de la CLI
npm install -g browser-sync
# Ou exécution à la demande avec npx
npx browser-sync start --server
Démarrer un serveur de développement statique
Servir des fichiers statiques et surveiller les modifications HTML/CSS/JS :
browser-sync start --server "public" --files "public/**/*.html, public/**/*.css, public/**/*.js"
Relayer un backend existant en proxy
Encapsuler un serveur de développement existant (ex. Rails, Node, PHP) avec le rechargement en direct :
browser-sync start --proxy "localhost:3000" --files "**/*.css, **/*.js, **/*.html"
Options CLI courantes
| Option | Description |
|---|---|
--server, -s |
Exécuter un serveur HTTP de fichiers statiques intégré |
--files, -f |
Chemins de fichiers ou motifs glob à surveiller |
--port |
Spécifier un port personnalisé (par défaut 3000) |
--proxy, -p |
Relayer une adresse web locale existante |
--no-open |
Empêcher l'ouverture automatique du navigateur |
--no-notify |
Désactiver la notification flottante dans le navigateur |
--tunnel |
Exposer le serveur sur le web via une URL publique |