Learning Browsersync

Just one of the things I'm learning. https://github.com/hchiam/learning

https://www.browsersync.io

Mirror your actions across a bunch of synchronized browsers on the same machine. Example: run the same actions on a bunch of browsers at the same time. Just open them all to the same port (e.g. Browsersync creates http://localhost:3000), and it'll try to replicate your actions on all the browsers at the same time. https://www.sitepoint.com/improve-workflow-browsersync-2-0

npm install -g browser-sync

Example if you don't have a server running already:

browser-sync start --server --files "css/*.css"

Example if already running a server:

browser-sync start --proxy "myproject.dev" --files "css/*.css"

which will sync what you have on myproject.dev to all browsers running http://localhost:3000

Another example:

browser-sync start --proxy "http://localhost:1234/" --files "some-css-folder" "some-js-folder" "index.html" "slides.css" "slides.js"

which will sync what you have on port 1234 to all browsers running http://localhost:3000

Recipes:

https://www.browsersync.io/docs/recipes