Browsersync Browsersync synchroniseert bestandswijzigingen en interacties (scrollen, klikken, formulierinvoer) in realtime over meerdere apparaten.
Installatie
# Globale CLI-installatie
npm install -g browser-sync
# Of direct uitvoeren met npx
npx browser-sync start --server
Een statische ontwikkelserver starten
Statische bestanden leveren en wijzigingen in HTML/CSS/JS volgen:
browser-sync start --server "public" --files "public/**/*.html, public/**/*.css, public/**/*.js"
Een bestaande backend proxyen
Een bestaande lokale server (zoals Rails, Node, PHP) inpakken met live reload:
browser-sync start --proxy "localhost:3000" --files "**/*.css, **/*.js, **/*.html"
Veelvoorkomende CLI-opties
| Optie | Beschrijving |
|---|---|
--server, -s |
Start een ingebouwde statische HTTP-bestandsserver |
--files, -f |
Te monitoren bestandspaden of glob-patronen |
--port |
Aangepaste poort opgeven (standaard 3000) |
--proxy, -p |
Proxy voor een bestaand lokaal webadres |
--no-open |
Voorkom dat de browser automatisch opent |
--no-notify |
Schakel de meldingenbadge in de browser uit |
--tunnel |
Exposeer de server naar het web via een openbare URL |