less.refresh() won't watch changes in included documents.

[snorripall]

I just tried the setInterval approach for development and it seems to me that less.refresh is a bit bugged. It doesn't detect changes made in included files.

Example

My index.html points to main.less and nothing else. less.refresh() detects changes in main.less but not the files that are included by main.less or init.less.

main.less

@import "../shared/base.less";
@import "../skin1/init.less";

/skin1/init.less

@import "header.less";
@import "top.less";
@import "middle.less";
@import "footer.less";

[casperbakker]

I have the same issue here.

[mintchaos]

Similarly I'm not getting any updates in any of my included .less files when doing full page refreshes unless I also make a change to my main.less.

[elstgav]

You'll need to clear your localStorage for less.refresh() to pay attention to nested files. I use the following in my setInterval function:

localStorage.clear();
less.refresh();

[ChrisCinelli]

Since Twitter released boostrap that use less (https://github.com/twitter/bootstrap ).
I think the need for this feature is more and more necessary. The setInterval hack that reaload every half second is annoying.

[attaboy]

I've now resorted to simply blowing away the cache on every page load because I don't actually need or want caching ever for development.

https://gist.github.com/1346280

[attaboy]

Here's a less destructive way of clearing localStorage for this reason if you're using localStorage for any other purposes besides LESS: https://gist.github.com/1346280

[froskos]

fast guy, mr. stoeck ;)

+1 on this!

[naansun]

Do you have resolved this question?