Question

我使用Foundation with Compass和Sass来创建样式表。在我的scss文件夹中，我有_settings.scss，app.scss以及每个页面组特定的文件。例如，客户页面有自己的样式表和设置。

我希望将文件分开以便于使用和减小文件大小。如果我将所有文件一起转移，这是一个巨大的浪费，因为有些样式只需要在一个页面上。我的app.scss具有该页面的一般样式，并且包含在所有页面中。在该文件的顶部我有

@import "settings";
@import "foundation";
@import "compass/layout.scss";

这些允许我使用基金会的rem-calc等内置函数。但是，如果我将这些包含在所有不同的样式表中，我会在包含中复制这些样式。包括foundation会产生大量的样式，我不想重复它们。

如果我不包含这些文件，我就不能使用rem-calc()之类的内容。没有导入行，Compass编译器不知道如何处理mixins等。

如何保持文件分离但具有Compass和Foundation样式表的功能而不包括多次？

Answer 1

创建一个主.scss文件（app.scss）确保您正在观看该文件，并将您的个人文件@import到该主app.scss文件。

然后，您可以在编译后在每个页面中仅导入一个文件，而不是具有相同代码的多个版本。