SASS设置 - 必须关闭并重新打开网页才能使更改生效

时间:2017-09-07 15:09:49

标签: css sass

我有sass设置,它目前通过命令sass --watch scss:css将任何scss更新为CSS。

然而,每当更新.scss文件时 - 如果我只是在safari中刷新网页就不会显示,我必须关闭页面并再次重新打开网页链接。

这变得越来越乏味,我的SASS设置似乎很好 - 不确定这是否是可以解决的常见问题。

请记住,只要我保存.scss中的任何更改,它就会自动在css中更新。

非常感谢

1 个答案:

答案 0 :(得分:1)

似乎很可能这是缓存css文件的浏览器

尝试使用硬刷新,如果您使用的是Safari 9+,则可以通过按

来实现

CMD + SHIFT + R

另外,如果您在开发环境中工作,可以向css链接添加动态查询字符串,每次都创建一个唯一的URL,但引用相同的文件,强制浏览器每次刷新页面时重新下载文件

<link href="/path/to/style.css?nocache=<?php echo(microtime(true)); ?>"  />

如果您完全控制正在使用的服务器,您可能还会考虑确保服务器未设置为静态文件添加缓存标头,etags或其他规则

另一个选项,也可能最简单的是禁用Develop menu中的safari中的缓存(您可能需要在偏好设置中启用devlop菜单)