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

将一个sass/compass文件编译成多个css文件,sass,compass-sass,Sass,Compass Sass,我正在寻找以下信息: 假设我有一个main.scss,其中包含我的所有css 在文件的顶部有以下行: @import "partials/vars"; 这包含我在main.scs中使用的所有变量(如颜色、填充等) 问题是我的应用程序将被多个客户端使用。每个都有自己的配色方案等 所以我想说的是最简单的方法(如果有的话): 我有我的主文件,我将其编译为: 公司1.css company2.css 公司3.css 它们每个都包含相同的css代码,但有自己的配色方案 如果其公司1,则应导入“parti

我正在寻找以下信息:

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

在文件的顶部有以下行:

@import "partials/vars";
这包含我在main.scs中使用的所有变量(如颜色、填充等)

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

所以我想说的是最简单的方法(如果有的话):

我有我的主文件,我将其编译为:

公司1.css company2.css 公司3.css

它们每个都包含相同的css代码,但有自己的配色方案

如果其公司1,则应导入“partials/company1Vars.scs” company2加载company2vars.scss 等


任何帮助都将不胜感激。

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

company1.scss company2Styles.scss company3Styles.scss 等等

每一个都包含一行

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


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

根据文档:@HaralanDobrev我不确定这是真的,您可以指定文档中不应包含下划线的部分吗?似乎是一种风格。可能是
@import "partials/_company2Vars.scss"
@import "_screen.scss"; // contains everything else