2014-07-17 205 views
4

我一直在關注如何開始Chrome Canary版(不livereload.com)編輯SCSS文件兩篇文章CSS sourcemaps和瀏覽器薩斯編輯

https://medium.com/@toolmantim/getting-started-with-css-sourcemaps-and-in-browser-sass-editing-b4daab987fb0

而這一次

https://developer.chrome.com/devtools/docs/css-preprocessors

我說我的工作空間和瀏覽器實際上是讀我的文件就像下面這個:

,然後當我點擊進入來源,我可以在這張圖片修改的內容,如:

我在這裏可以更改CSS和它的罰款,並將其從Chrome的更新我的SCSS文件到文件。

問題

當我去元素督察(上devTools第一個選項卡),我試圖改變的事情。 styles.scss自動變爲styles.css然後我無法修改元素檢查器上的任何將更改我的scss文件的內容。

此外,當我改變我的scss文件(使用崇高文本2)的任何東西。瀏覽器不重新加載我的CSS,所以它不能從文件到Chrome。

這兩件事是一個錯誤?這是否意味着像那樣工作?

回答

3

由於不同的用戶可能會期望不同的行爲(在SASS中編輯基於變量的屬性值,因此可能會使基於模型的編輯(在Elements面板中)與源代碼映射代碼很好地協作假設直接進行編輯或者編輯變量值)。因此,我們還沒有決定這應該如何工作,並且CSS-SASS鏈接在編輯時剛剛斷開(因爲CSS不再對應於SASS源代碼)由

請明星https://code.google.com/p/chromium/issues/detail?id=257778並發表評論,說明你期望什麼樣的行爲。