将一个 sass/compass 文件编译成多个 css 文件

Question

我正在寻找以下内容：

假设我有一个 main.scss，其中包含我的所有 css。

在文件的顶部我有以下行：

@import "partials/vars";

这包含我在 main.scss 中使用的所有变量（如颜色、填充等...）

问题是我的应用程序将被多个客户端使用。每个都有自己的配色方案等。

所以我想说的是最简单的方法（如果有的话）：

我有我的主文件，我把它编译成例如：

company1.css company2.css company3.css

它们中的每一个都包含相同的 css 代码，但具有自己的配色方案。

如果它的 company1 那么它应该导入 'partials/company1Vars.scss company2 加载 company2vars.scss 等等

任何帮助将不胜感激。

Answer 1

不确定您拥有多少家公司，但如果不是某个疯狂的数字，您可能拥有：

company1Styles.scss company2Styles.scss company3Styles.scss 等等

每一个都包含一行

@import "partials/_company1Vars.scss"
@import "_screen.scss"; // contains everything else

或

@import "partials/_company2Vars.scss"
@import "_screen.scss"; // contains everything else

您可以独立于项目中的其他所有内容更改变量并获得不同的输出。