Browsersync Το Browsersync συγχρονίζει αλλαγές αρχείων και αλληλεπιδράσεις (κύλιση, κλικ, φόρμες) σε πολλές συσκευές σε πραγματικό χρόνο κατά την ανάπτυξη ιστού.
Εγκατάσταση
# Καθολική εγκατάσταση CLI
npm install -g browser-sync
# Ή εκτέλεση κατά απαίτηση μέσω npx
npx browser-sync start --server
Εκκίνηση στατικού Dev Server
Σερβίρισμα στατικών αρχείων και παρακολούθηση HTML/CSS/JS για αλλαγές:
browser-sync start --server "public" --files "public/**/*.html, public/**/*.css, public/**/*.js"
Διαμεσολάβηση (Proxying) υπάρχοντος Backend
Περιτύλιξη υπάρχοντος τοπικού server (π.χ. Rails, Node, PHP) με ζωντανή επαναφόρτωση:
browser-sync start --proxy "localhost:3000" --files "**/*.css, **/*.js, **/*.html"
Συνήθεις επιλογές CLI
| Επιλογή | Περιγραφή |
|---|---|
--server, -s |
Εκτέλεση ενσωματωμένου στατικού HTTP file server |
--files, -f |
Διαδρομές αρχείων ή πρότυπα glob προς παρακολούθηση |
--port |
Ορισμός προσαρμοσμένης θύρας (προεπιλογή 3000) |
--proxy, -p |
Διαμεσολάβηση υπάρχουσας τοπικής διεύθυνσης web |
--no-open |
Αποτροπή αυτόματου ανοίγματος του browser |
--no-notify |
Απενεργοποίηση της ειδοποίησης στο πρόγραμμα περιήγησης |
--tunnel |
Έκθεση του server στο διαδίκτυο μέσω δημόσιας διεύθυνσης URL |