Browsersync Browsersync synkroniserar filändringar och interaktioner (rullning, klick, formulär) över flera enheter i realtid under webbutveckling.
Installation
# Global CLI-installation
npm install -g browser-sync
# Eller kör direkt med npx
npx browser-sync start --server
Starta en statisk utvecklingsserver
Leverera statiska filer och bevaka ändringar i HTML/CSS/JS:
browser-sync start --server "public" --files "public/**/*.html, public/**/*.css, public/**/*.js"
Proxya en befintlig backend
Koppla en befintlig lokal utvecklingsserver (t.ex. Rails, Node, PHP) med live-omladdning:
browser-sync start --proxy "localhost:3000" --files "**/*.css, **/*.js, **/*.html"
Vanliga CLI-flaggor
| Alternativ | Beskrivning |
|---|---|
--server, -s |
Kör en inbyggd statisk HTTP-filserver |
--files, -f |
Filsökvägar eller glob-mönster att bevaka |
--port |
Ange anpassad serverport (standard 3000) |
--proxy, -p |
Proxya en befintlig lokal webbadress |
--no-open |
Förhindra att webbläsaren öppnas automatiskt |
--no-notify |
Inaktivera notiser i webbläsaren |
--tunnel |
Exponera servern mot internet via en publik URL |