budo icon indicating copy to clipboard operation
budo copied to clipboard

[Idea] changes to <style> injected without page reload

Open mattdesl opened this issue 9 years ago • 5 comments

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.

mattdesl avatar Nov 10 '15 02:11 mattdesl

Just to double check, this is supported by LiveReload but not tiny-lr right? cc/ @shama

yoshuawuyts avatar Nov 10 '15 04:11 yoshuawuyts

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.

shama avatar Nov 10 '15 18:11 shama

hot css reload not implemented 0_o?

wclr avatar May 02 '16 17:05 wclr

@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.

mattdesl avatar May 02 '16 18:05 mattdesl

I actually searching for loading css modules with browserfy like:

require('./style.css')

with hot reload.

wclr avatar May 02 '16 19:05 wclr