当SASS重新编译CSS时,Chrome的"Auto-Reload Generated CSS"不会重新加载页面

Car*_*ven 11 html css google-chrome sass

我正在尝试让Chrome的DevTools自动重新加载页面,当我保存一个已编辑的SCSS文件时,该文件将编译并对CSS文件进行更改.

我检查了自动重新加载生成的CSS选项,但遗憾的是,它没有按预期工作. 在此输入图像描述

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

由于scss文件反映在DevTools检查器中,SASS源映射似乎工作正常:

在此输入图像描述

我使用的是Chrome版本31:

在此输入图像描述

我错过了任何我不知道的事吗?我还需要做些什么才能让它发挥作用?

小智 5

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