在SASS编译CSS时，Chrome“自动重新加载生成的CSS”不会重新加载页面

Question

当我保存一个可以编译并更改CSS文件的SCSS文件时，我正试图让Chrome的DevTools自动重新加载页面。

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

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

SASS源地图似乎工作正常，因为scss文件反映在DevTools检查器中：

我正在使用Chrome版本31：

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

Answer 1

我在这种情况下使用了drupal而drupal生成了像'style.css？abc'这样的css链接。这个后缀'？abc'中的问题。您需要从LOCAL（按右键单击本地）'style.css'开始文件映射到WEB'style.css？abc'（如列表所示）。不是从WEB到LOCAL。如果结果是正确的，WEB链接将从“资源”标签中的列表中消失。

Answer 2

这是一个很好的解决方案，以避免这个映射问题.css？201203241721 / .js？201203241721-files作为szdv与drupal一起提到。我已经使用了typo3，这解决了它：

    /* remove in production *************************************************/
    //filter typo3 temp file src/href with ?date ending for chrome workspaces
    $('script, link').each(function(){
        rpString = /\?[0-9]*/;
        if(this.src){
            this.src = this.src.replace(rpString,'');
        }
        if(this.href){
            this.href = this.href.replace(rpString,'');
        }
    });
    /* ******************** *************************************************/