为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放在部分且每个客户端特定的CSS中，则可以使用<span style="display:block;clear: both"></span> 语句执行此操作。像这样：

<强>客户one.scss

@import

<强>客户two.scss

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