我有兩個大項目,每個項目都有一個相對簡單的帶多個主題的Web前端:不同的顏色和字體。這些主題在項目中是相同的在less和scss之間共享一個變量文件
其中一個項目使用scss,其他使用較少。我的強項也不是,我也不允許他們在這兩個地方使用其中一種。然而,我想要做的是有一個共享文件夾,每個主題可以包含該主題的所有變量。
這可以讓我避免重複並使維護更容易,同時促進兩個項目之間的一致性,其中必須在它們之間具有相同的顏色和字體。有沒有一個相對簡單的方法來做到這一點?
我有兩個大項目,每個項目都有一個相對簡單的帶多個主題的Web前端:不同的顏色和字體。這些主題在項目中是相同的在less和scss之間共享一個變量文件
其中一個項目使用scss,其他使用較少。我的強項也不是,我也不允許他們在這兩個地方使用其中一種。然而,我想要做的是有一個共享文件夾,每個主題可以包含該主題的所有變量。
這可以讓我避免重複並使維護更容易,同時促進兩個項目之間的一致性,其中必須在它們之間具有相同的顏色和字體。有沒有一個相對簡單的方法來做到這一點?
您應該閱讀SASS和LESS文檔。你會看到SASS和LESS雖然類似,但都有不同的聲明變量的方法。因此,將LESS文件導入到SASS文件中,反之亦然,不會得到您期望的結果。
我會建議,因爲這是一個簡單的改變,將LESS文件調整爲SASS文件或SASS文件改爲LESS文件,並從那裏創建所需的基礎。
我知道他們用不同的語法聲明變量,但考慮到他們兩人的普及,我想有一個相對簡單的方法來使用兩個相同的變量。我的意思是一個非常簡單的腳本可以從scss文件生成一個較少的文件作爲構建過程的一部分。如果現在還沒有一種優雅的方式,我可能就會這麼做。 – Scheme
一個簡單的「查找和替換」可以做到這一點,但由於您需要一個腳本: 在這裏您可以:https://csspre.com/convert/ –
您可以使用捆綁工具(如webpack)在應用程序中同時加載sass和less。 –
也可以通過一些額外的工作來加載JSON文件。但是你最好堅持使用你現有的解決方案。 – sboesch
@scheme您可以同時使用less和sass,因爲所有內容都只能編譯爲css。 –