2017-04-18 32 views
0

我有兩個大項目,每個項目都有一個相對簡單的帶多個主題的Web前端:不同的顏色和字體。這些主題在項目中是相同的在less和scss之間共享一個變量文件

其中一個項目使用scss,其他使用較少。我的強項也不是,我也不允許他們在這兩個地方使用其中一種。然而,我想要做的是有一個共享文件夾,每個主題可以包含該主題的所有變量。

這可以讓我避免重複並使維護更容易,同時促進兩個項目之間的一致性,其中必須在它們之間具有相同的顏色和字體。有沒有一個相對簡單的方法來做到這一點?

+0

您可以使用捆綁工具(如webpack)在應用程序中同時加載sass和less。 –

+0

也可以通過一些額外的工作來加載JSON文件。但是你最好堅持使用你現有的解決方案。 – sboesch

+0

@scheme您可以同時使用less和sass,因爲所有內容都只能編譯爲css。 –

回答

0

您應該閱讀SASSLESS文檔。你會看到SASS和LESS雖然類似,但都有不同的聲明變量的方法。因此,將LESS文件導入到SASS文件中,反之亦然,不會得到您期望的結果。

我會建議,因爲這是一個簡單的改變,將LESS文件調整爲SASS文件或SASS文件改爲LESS文件,並從那裏創建所需的基礎。

+0

我知道他們用不同的語法聲明變量,但考慮到他們兩人的普及,我想有一個相對簡單的方法來使用兩個相同的變量。我的意思是一個非常簡單的腳本可以從scss文件生成一個較少的文件作爲構建過程的一部分。如果現在還沒有一種優雅的方式,我可能就會這麼做。 – Scheme

+0

一個簡單的「查找和替換」可以做到這一點,但由於您需要一個腳本: 在這裏您可以:https://csspre.com/convert/ –