sass - 将一个 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

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