html - 当 SASS 重新编译 CSS 时，Chrome 的 "Auto-Reload Generated CSS"没有重新加载页面

Question

我试图让 Chrome 的 DevTools 在我保存监视的 SCSS 文件时自动重新加载页面，该文件将编译并更改 CSS 文件。

我选中了“自动重新加载生成的 CSS”选项，但遗憾的是，它没有按预期工作。

每当我对 SCSS 文件进行更改并保存它时，页面都不会重新加载。我已将我的工作文件夹添加到工作区，并将文件(SCSS 文件和生成的 CSS)映射到本地系统驱动器上它们各自的版本。然而，这并没有帮助。

SASS 源映射似乎工作正常，因为 scss 文件反射(reflect)在 DevTools 检查器中:

我使用的是 Chrome 版本 31:

我是否遗漏了任何我不知道的东西？我还需要做什么才能让它发挥作用？

Answer 1

我在这种情况下使用了 drupal，drupal 生成了类似“style.css?abc”的 css 链接。此后缀“?abc”中的问题。您需要开始从 LOCAL(按右键单击本地)'style.css' 到 WEB 'style.css?abc'(如列表所示)的文件映射。不是从WEB到LOCAL。如果结果正确，WEB 链接将从“资源”选项卡的列表中消失。