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

Question

在 Chrome Canary（版本 30.0.1570.0 canary）中，我设置了 sass 源映射，如下所示：

1. DevTools > Settings > General > Enable CSS source maps + Auto-reload generated 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 -v
$ Sass 3.3.0.alpha.149 (Bleeding Edge)

我看：

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

还有其他人对Auto-reload generated CSSChrome (Canary) 有问题吗？我也尝试过 Chrome“正常”（20.0 ...）和同样的问题，没有自动重新加载。

Answer 1

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