budo
budo copied to clipboard
mattdesl
[Idea] changes to <style> injected without page reload
For demos and prototypes I often avoid a separate style.css and just make a few CSS tweaks inline in the index.html. It would be neat if Budo could LiveReload those without hard reloading the page.
It might work by diffing the HTML file changes to see if it's just a <style> tag that was changed.
The feature would probably have to be added to tiny-lr (or a fork) to get this working.
Just to double check, this is supported by LiveReload but not tiny-lr right? cc/ @shama
Not AFAIK, tiny-lr consumes livereload-js and is what does the live reloading. I'm not sure if they support it or something we'd need to do on tiny-lr.
@whitecolor CSS reloading is implemented with <link href="..."> tags, but not <style> tags inline in an HTML file since the latter is much more complex.
I actually searching for loading css modules with browserfy like:
require('./style.css')
with hot reload.