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

时间:2013-07-20 16:06:09

标签: google-chrome sass google-chrome-devtools

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

  1. DevTools>设置>一般>启用CSS源地图+自动重新加载生成的CSS CHECKED!
  2. DevTools>设置>添加了文件夹public
  3. 我的文件夹结构如下所示:

    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
    

    Chrome(金丝雀)中的Auto-reload generated CSS有任何其他身体问题吗? 我也尝试过Chrome“普通”(20.0 ......)和同样的问题,没有自动重新加载。

1 个答案:

答案 0 :(得分:0)

您是否尝试过使用工作区?这就是我使用它,它对我来说很好,而且总是如此。最近有一些东西已经离开了实验,所以也许这就是为什么它不起作用了?