2013-07-20 45 views
11

在Chrome Canary版(版本30.0.1570.0金絲雀)我已經成立了上海社會科學院光源分佈如下:薩斯源映射不會自動刷新在Chrome

  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並將其保存到磁盤中,當切換到崇高時,文件已更新。但在Chrome中,css不會自動重新加載。我必須手動刷新頁面才能重新加載CSS。

薩斯版本:

$ 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 ...)和那裏的同樣的問題,沒有自動重新加載。

+0

我遇到了同樣的確切問題。您可以嘗試http://tin.cr/,它可以在您保存devtools時自動重新加載。 – shaunsantacruz

+0

不,不能讓tin.cr在Chrome或Canary上運行。沒有什麼是自動重新加載。嘗試使用file://...index.html和http://....index.html,並嘗試使用sass以及普通的css。你有沒有讓你的工作流程與tin.cr @alpacalips一起工作?真的沒有更多的人有這些問題嗎? – Cotten

+0

有沒有辦法手動告訴鉻重新加載它的CSS? – Cotten

回答

0

您是否嘗試過使用Workspaces?這就是我使用的,它對我來說工作得很好,而且一直有。最近有很多事情都離開了實驗,所以也許這就是爲什麼它不起作用?