google-chrome - Sass 源映射不会在 Chrome 中自动刷新

Question

在 Chrome Canary(版本 30.0.1570.0 canary)中，我设置了 sass 源映射如下:

DevTools > Settings > General > Enable CSS source maps + Auto-reload generated CSS CHECKED!

开发者工具 > 设置 > 添加文件夹 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 -v
$ Sass 3.3.0.alpha.149 (Bleeding Edge)

我看:

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

任何其他人对 Auto-reload generated CSS 有问题在 Chrome (Canary) 中？
我也试过 Chrome "normal"(20.0 ...) 和同样的问题，没有自动重新加载。

Answer 1

您是否尝试过使用工作区？这就是我使用的，它对我来说很好用，而且一直都是。最近有很多东西从实验中移出，所以也许这就是它不起作用的原因？