如何保持已編譯的LESS中退出的CSS

Question

我今天開始在一個項目中使用LESS，發現一個問題，讓我們描述一下-

在我從事的任何項目中，我總是使用預定義的CSS Reset和WordPress Core CSS以及即將發布的CSS。 在我使用LESS之前，沒有發生此問題。

當我編寫新的LESS代碼並通過SimpLESS應用程序或任何其他編譯器進行編譯時，我只是從樣式表（.css）中刪除了現有的CSS（重置，WP Core）代碼，並使用新的CSS編譯代碼更新了樣式表。

當我第一次使用LESS時，這真的讓我很煩。

那么，如何同時保留現有的CSS和已編譯的CSS？

提前致謝！ :)

Answer 1

兩種選擇：

1. 將現有的CSS放入LESS代碼中。 您的LESS代碼將在每次保存時覆蓋您的css文件，因此您將使用LESS管理所有樣式。

2. 更改LESS文件的名稱，以免覆蓋現有的CSS代碼，然后將指向兩個樣式表的鏈接放在HTML文檔中，或者將此行放在LESS文件中：

    @import (css) "foo.css"; 

Answer 2

為什么不將少部分內容編譯為單獨的樣式表，並將兩者都包含在頁面標題中？ 問題是，如果您是從style.less編譯為style.css，而沒有在less中包含現有的CSS代碼，則它將覆蓋未附加到該文件的文件。

因此，要么使用上面的解決方案，然后在您的less中添加現有的CSS，要么編譯為其他文件名，並將兩個CSS文件都包含在文檔頭中。