为什么导入的css文件存储在本地存储器中,而不是像链接的css文件一样刷新?

前端之家收集整理的这篇文章主要介绍了为什么导入的css文件存储在本地存储器中,而不是像链接的css文件一样刷新?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
文件

> listing.less(text / css)
> style.less(text / css)

工具:

> Firefox
> Firefox addon httpFox用于检查http标头
> Chrome

我有一个名为listing.less的css文件,其中包含以下内容

@import "/orb/static/less/style.less";

当我打电话给上市,一切都很好,风格没有进口。随后的上市请求不会导致304缓存响应。没关系。但是,导入的style.less不会显示为缓存的响应。相反,我在浏览器的本地存储中找到它。更大的问题是如果我改变style.less然后点击刷新浏览器将不会更新风格。 style.less将刷新只有当我从本地存储中删除它或触摸列表在服务器上。

那是@import的性质吗?每次我想要更新样式,我需要触摸listing.less或删除style.less从localstorage吗?风格如何被迫刷新?

解决方法

这是LESS中的已知问题。请参阅github问题:
https://github.com/cloudhead/less.js/issues/47

我知道它直接解决不了你的问题,那里有一个解决方法,在你的less.js导入之上放上下面一行:

<script type="text/javascript">var less=less||{};less.env='development';</script>
<script src="less.js"></script>

事情一般应该有效。

猜你在找的CSS相关文章