Changes in imported files are not detected
Opened this issue · 2 comments
Changes that are made in less files that are imported using the @import statement is not detected and therefore not rendered in browsers with localStorage enabled.
This makes it especially hard to work with several files imported into one during development.
example:
styles.less (included in html file via tag)
@import "colors.less";
colors.less (exposed to html file via @import statement in styles.less)
body
{
color: #FF0000; // changes in this prop is not reflected in the rendered html after initial render
}
Workaround:
Disable browser localStorage
Please fix this, that's a very annoying issue...
I agree this should be fixed, but for now you can always precompile your Less code into CSS using Less.app if your on a Mac or WinLess if your using Windows. Another good option is SimpLess. This results in a much faster website anyway so is a better option really. Just make sure you hang on to the less file incase you want to make changes to it later.