准備現有的 CSS 代碼以用於 SCSS/Compass

Question

我是 SASS 和 Compass 的新手。 我想知道在修改（大量）現有 CSS 模板時使用它們是否實用。 如果是這樣，是否有任何標記可以應用於現有的 CSS 文件，使它們對 SASS/Compass 友好？

謝謝！

Answer 1

您必須記住，有效的 css 可以不經修改地用於 .sass 文件，這意味着您可以將現有的 styles 轉換為 sass 文件並根據自己的計划進行優化！

我建議首先將重復值轉換為變量，而不是用混合等替換重復代碼。

如果您正在為項目使用版本控制（我希望您是），我強烈建議您不要更改 styles 並在單個事務中重構它們的結構。 理想情況下，任何繁重的重組（純粹在分段等方面或縮進的大量重新格式化）都將自行完成，並單獨跟蹤未來的變化。 這將使您能夠清楚地看到他們引入的個別更改和回歸（如果有），從而實現更合理的工作流程。

在一個不相關的說明上——無論你是好是壞，使用 Visual Studio，我強烈建議使用一個 WebWorkbench 插件，它負責本地的 sass->css 編譯。