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

Question

我正在寻找以下内容：

假设我有一个main.scss，其中包含al 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

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