Sass源地图不能在Chrome中自动刷新

Question

在Chrome Canary(版本30.0.1570.0 canary)中,我设置了sass源地图,如下所示:

1. DevTools>设置>常规>启用CSS源地图+自动重新加载生成的CSS CHECKED!
2. DevTools>设置>添加文件夹 public

我的文件夹结构如下:

public
  sass
    _buttons.scss
    style.scss
  css
    style.css
  index.html  (with link href=css/style.css)

在DevTools中,我可以inspect element看到样式规则来自_buttons.scss.我可以单击_buttons.scss并让DevTools显示scss源.我可以在devtools中修改源代码并点击cmd + s并将其保存到磁盘,当切换到sublime时,文件已更新.但是在Chrome中,css不会自动重新加载.我必须手动刷新页面以重新加载css.

Sass版本:

$ sass -v
$ Sass 3.3.0.alpha.149 (Bleeding Edge)

我看着:

$ sass --scss --sourcemap --watch public/sass:public/css

还有其他身体Auto-reload generated CSS在Chrome(Canary)中遇到问题？我也试过Chrome"普通"(20.0 ......)和那里的同样问题,没有自动重载.

Answer 1

您尝试过使用工作区吗？这就是我所使用的，它对我来说效果很好，并且一直如此。最近有很多东西已经脱离了实验，所以也许这就是它不起作用的原因？