基金會4，羅盤和SASS

Question

我使用基金會4，羅盤和SASS（我用的羅盤寶石來創建新的項目）。但是，我有點失落。我在哪裏放置自己的scss文件？

指南針創建一個包含SASS樣式表目錄

• _settings.scss
• app.scss
• normalize.scss

我在一個模塊化的方式，在那裏我有一個工作樣式表的數量，如導航，內容，頁腳等。我在哪裏包含我的scss文件？創建一個partials文件夾，然後將它們導入到app.scss中？

如果我將它們導入到app.scss，這將我的CSS追加到app.css結束。但是，使用指南針的手錶，它也創造了我的諧音......這不是必要的，因爲他們被附加到app.css的每一個。

我看指南針，時髦和基金會的網站，我似乎無法找出如何做到這一點。因爲我在使用基金會，我認爲我需要的信息可能在那裏，但我找不到它。這似乎是SASS問題，而不是Compass或F4問題。這有點令人困惑，並且沒有記錄在我能找到的網頁上。

Answer 1

以下劃線_footer.scss開頭的名稱部分，然後用@import 'footer'將它們導入到app.scss（或任何您稱之爲的）中。如果你沒有在文件名中使用下劃線，它會創建一個CSS文件，這似乎是您所遇到的問題。

羅盤是完全無關的關於您的文件名或結構。

可以，例如，導入文件夾中：

@import 'partials/footer' 
@import 'partials/navigation' 

或者，如果你安裝sass-globbing，可以導入整個文件夾是這樣的：

@import 'partials/*'