Reload JS/CSS files on change without page reloading

Question

I'm using Livereload for Grunt.js to reload web-page after any of watching files are being changed.

Is it possible to delete changed js or css file from the cache and reload only them, NOT reloading the whole html-page?

This question seems to be asked right but with no right answer. How to update file in browser cache after it is updated? Thanks.

It still reloads the whole page with Livereload. And if i turn it on and do as they say in your link, nothing happens (both if I update CSS or HTML files). — ntk, Oct 03 '14 at 14:33

score 0 · Accepted Answer · answered Oct 03 '14 at 14:28

0

You can do it only for css files, using grunt-browser-sync.

This plugins allows to reload only the css modified file.

Here is the documentation.

Regards.

answered Oct 03 '14 at 14:28

Mario Araque

It reloads CSS and that's great, thank you! But what about JS? – ntk Oct 03 '14 at 14:46
Unfortunately there is not plugin to do that yet :( – Mario Araque Oct 03 '14 at 14:48
You can use livereload for javascript files and browsersync to css files. I use it and its very nice :) – Mario Araque Oct 03 '14 at 15:01

1 Answers1