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

Question

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

但是，无论何时对 .scss 文件进行更新 - 如果我只是在 safari 中刷新网页，它不会显示，我必须关闭页面并再次重新打开网络链接。

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

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

非常感谢

Answer 1

这很可能是浏览器缓存了 css 文件

尝试使用硬刷新，如果您使用的是 Safari 9+，这应该可以通过按

CMD + SHIFT + R

或者，如果您在开发环境中工作，您可以将动态查询字符串添加到 css 链接，每次都创建一个唯一的 url，但引用同一个文件会强制浏览器在每次刷新页面时重新下载该文件

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

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

另一个选项，也可能是最简单的选项是从 Develop menu 禁用 safari 中的缓存。 (您可能需要在首选项的高级下启用开发菜单)