爲SCSS項目設置客戶端特定覆蓋

Question

我正在將SCSS與幾十個客戶端集成到現有產品中。我對這項技術相當陌生，並且想知道是否有一種標準化的方式來完成我想要做的事情。

我想設置該項目的方式，我可以將客戶端特定的覆蓋默認。能夠做到這樣的事情：

- scss_dir 
    - default_dir 
     - main.scss 
     - _stuff.scss 
     - _more_stuff.scss 
    - client_1_dir 
    - client_2_dir 
     - _stuff.scss 

當我編譯SCSS文件，產生的CSS文件將主要基於默認設置，但針對特定的客戶端覆蓋的可能性。

有沒有一個標準化的方式來做到這一點？

想到的一個想法是將所有文件複製到臨時目錄，並讓客戶端特定的文件簡單地覆蓋默認值。我對此並不感到激動，因爲如果你想改變一件事情就意味着要複製整個文件，並且隨着新功能的添加，這些文件幾乎肯定會失去同步。

Answer 1

如果您將所有默認的CSS放在partial中，並且每個客戶端特定的CSS都在它自己的partial中，那麼您可以用@import聲明來做到這一點。事情是這樣的：

客戶one.scss

@import '_default-styles.scss'; 
@import '_client-one.scss'; 

客戶two.scss

@import '_default-styles.scss'; 
@import '_client-two.scss';