容易的方式改造半SASS，半CSS到SASS？

我接受了一個項目，其中CSS是通過SASS創建的。當時我對SASS並不熟悉，並開始手動更新最後一個輸出文件。我的經理了解到，我沒有使用SASS，並堅持要將我所做的一切（大量增加和調整）都改成SASS，並開始在項目中再次使用它。容易的方式改造半SASS，半CSS到SASS？

是否有任何工具可以幫助我做到這一點？我在想也許會生成最後一個文件，並查看它和我當前編輯的文件之間的區別，並嘗試將這些規則添加到SASS文件中，但我不知道任何將需要兩個文件並向您顯示差異。

感謝

如果您運行 sass style.scss將其轉換回CSS爲您和輸出在控制檯的結果（提示）

來源

2011-05-04 Jason

首先，您需要確定您所使用的css文件的工作方式。請注意，通過//完成的對sass的所有評論在嵌套模式下都會被忽略。如果你得到的css文件處於生產模式，所有的註釋都會被刪除，並且css文件被縮小，這對轉換是不利的。

我建議你備份你正在使用的css文件;然後運行sass watch到具有config.rb的目錄中，該目錄將根據原始sass項目重新生成css文件。

之後，抓住這兩個文件並使用Diff Tool，如果你不想在本地使用difftool，你總是可以創建一個公共GitHub倉庫，然後把原來的css文件，然後提交一個新的查看差異。

一旦你這樣做，你應該進入基於編譯選擇器的文件，並添加缺少的屬性。

因爲您已經完成了很多工作，所以您可以保留評論和原始預期結構。

來源

2011-05-04 18:42:41 MarioRicalde

- 您可以複製並粘貼從那裏

運行青菜--help爲有關如何將其寫入文件的信息

來源

2011-05-04 18:33:53 stephenmurdoch

在CSS文件上運行sass-convert以生成等效的SASS文件。然後將您創建的SASS文件與原始SASS文件進行比較。

另外，看看有沒有把一個大的方式「自動生成的文件 - DO NOT EDIT」在生成的CSS文件的頂部橫幅:)

來源

2011-05-04 18:46:48

sass-convert在安裝時附帶sass，並允許您從css轉換爲sass或scss。請閱讀 [文檔]（http://sass-lang.com/docs/yardoc/#id2）。我會說保留原始的CSS並使用像@ kuroir說的diff命令。 – slowBear 2012-08-18 11:50:03

http://css2sass.heroku.com/

然後切換到SCSS語法。它好多了。

來源

2012-01-19 00:54:07

我個人只是使用css2sass或命令行將CSS轉換爲SASS，學習SASS語法，並開始手動修剪代碼（將重複樣式等轉換爲mixins和擴展）。通過所有的代碼需要一些體力勞動，但它會更好，並且與現有的代碼一起工作。

來源

2012-02-22 22:58:45 Jehan

容易的方式改造半SASS，半CSS到SASS？

回答

相關問題