2014-09-11 94 views
0

我是SASS新手,我有一個問題。我使用的是PyCharm,看起來像我用SASS編寫CSS的工作流程是完成我在SCSS文件中的所有工作,然後鏈接到它爲我的HTML文件生成的轉碼CSS文件。CSS文件與我的SCSS文件不同步

但是,如果我直接在CSS文件中做了很多更改會發生什麼?下次我的SCSS文件被轉發時,這些更改會被燒燬嗎?

在PyCharm中,我選中了「僅跟蹤根文件」設置的「SCSS」「File Watcher」。所以我不確定這對我的CSS更改意味着什麼。

我擔心我最終會遇到兩個不同的版本文件,或者我可能會失去更改。謝謝你的幫助。

enter image description here

+0

是不是「transpiled」 CSS @Fabio? http://www.jetbrains.com/pycharm/webhelp/file-watchers.html – Dusty 2014-09-11 01:05:44

+0

從來沒有聽說過與SCSS有關的詞,似乎是File Watchers的一些化妝詞,所以將它改回原來的 – Devin 2014-09-11 01:11:19

回答

2

是的,你的CSS將完全覆蓋!所以不要這樣做!

SCSS File Watcher將您的SCSS編譯爲CSS,並將覆蓋您所做的任何CSS更改。

SCSS語法與舊SASS語法的優點是SCSS封裝了CSS語法(並添加了更多的功能)。

因此,您可以將常規CSS語法放入您的SCSS文件中(顯然,您也可以使用SCSS語法)。把你所有的工作放到SCSS文件中,你不會覆蓋任何東西。

更新:

要回答你的問題的意見,你不能阻止開發人員編寫CSS文件(可能除了編寫腳本來改變文件爲只讀,但是這是那種hackey的並輕鬆地被覆蓋)。

我可能會提出的是,您使用SASS的大聲評論語法,即使您壓縮輸出css(您應該這樣做),它仍會使註釋保留在最終的css文件中。

只要把感嘆號像註釋的開始:

/*! Please do not edit this CSS file directly. Make changes to the appropriate SASS files and recompile. You have been warned... */ 
+0

有沒有辦法阻止開發人員添加到將不斷被覆蓋掉的CSS文件? – Dusty 2014-09-11 19:02:23

+0

我很擔心沒有閱讀評論的人和開發人員從IDE快捷方式跳到CSS文件的中間行。我希望能讓文件只讀給所有人,但是可以從File Watcher寫入。 – Dusty 2014-09-11 23:18:20

+1

理想情況下,你應該壓縮你的輸出文件。我不確定你在說什麼IDE快捷方式,但是當你打開壓縮的css文件時,它應該在最上面打開。你會看到解壓縮的註釋,然後是一堆壓縮的css(這真的很難閱讀)。 – manishie 2014-09-11 23:35:32