多个SCSS文件，但没有多个导入 我用指南针和SASS创建了样式表。在我的scss文件夹中，我有\u settings.scss、app.scss和每个页面组的特定文件。例如，客户页面有自己的样式表和设置

我想保持文件分开，以便于使用和减少文件大小。如果我把所有的文件一块一块地传输，那将是巨大的浪费，因为有些样式只需要在一个页面上使用。My

app.scss

具有页面的常规样式，它包含在所有页面中。在那个档案的最上面我有

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

允许我使用基础函数，如代码> > REM Calc < /代码>。但是，如果我在所有不同的样式表中都包含这些样式，我会在include中得到这些样式的副本。包括

foundation

会生成大量样式，我不想重复它们

如果我不包括这些文件，我就不能使用像

rem-calc（）

这样的东西。如果没有导入行，Compass编译器不知道如何处理mixin等

---

我如何保持文件的分离，但没有罗盘和基础样式表的功能，不包括它们多次？

创建一个主体。SCSS文件（App.SCSS）确保您正在观看该文件并@将您的个人文件导入到一个主要的App.SCSS文件。

---

然后，您可以在编译后在每个页面上只导入一个文件，而不必拥有同一代码的多个版本

这是最简单的方法，但就像我说的，有很多样式只针对一个页面。我只想在需要的时候进口。