多個SCSS文件但沒有多個導入

我使用Foundation與Compass和Sass創建樣式表。在我的scss文件夾中，我有_settings.scss，app.scss以及每個頁面組的特定文件。例如，客戶頁面具有自己的樣式表和設置。多個SCSS文件但沒有多個導入

我想保留文件以方便使用和減小文件大小。如果我將所有文件轉換爲一個文件，這是一個巨大的浪費，因爲某些樣式只需要在一個頁面上。我的app.scss具有頁面的一般樣式，並且包含在所有頁面中。在該文件的頂部我有

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

這些允許我使用內置的功能，如rem-calc來自基金會。但是，如果我在所有不同的樣式表中包含這些樣式表，我會在這些包含中重複使用這些樣式。包括foundation會生成大量的樣式，我不想重複它們。

如果我不包含這些文件，我不能使用像rem-calc()這樣的東西。如果沒有導入行，Compass編譯器不知道該如何處理mixins等。

如何保持我的文件分離，但具有Compass和Foundation樣式表的功能而不包括它們多次？

來源

2014-02-14 MikkoP

[只能從Scss樣式表中導入變量和mixins？]（http://stackoverflow.com/questions/18408324/how-can-one-import-only-variables-and-mixins-from -scss-stylehsheets） – cimmanon

創建一個主要的.scss文件（app.scss），確保您正在觀看該文件並@import您的單個文件到該主要app.scss文件。

然後，您可以在每個頁面上只導入一個文件，而不是具有相同代碼的多個版本。

來源

2014-02-17 03:13:17 Scott

這是最簡單的方法，但正如我所說有很多樣式只針對一個頁面。我只想在需要時才導入它們。 – MikkoP

多個SCSS文件但沒有多個導入

回答

相關問題