Foundation 5文件結構和HTML標記

Question

我正在嘗試使用Foundation 5與SASS。它帶有涼亭和咕嚕聲，但我不知道如何使用這些文件。這個問題可能與「最佳實踐」有關，但我只需要在這裏提供一個快速建議。

• 我應該讓他們在bower_components文件夾，並鏈接到他們從我的web應用程序或
• 我應該手動拷貝它們到一個簡單的文件夾樹或
• 我應該改變的涼亭/咕嚕輸出文件夾到一個更簡單的文件夾樹？

一個簡單的文件夾樹將是例如..

-css 
    -vendor 
    -modernizr.css 
    -foundation.css 
-js 
    -vendor 
    -jquery.js 
    -foundation.js 
-img 

Answer 1

做大量的研究後，我決定看看什麼一些流行的約曼發電機做。

例如，我們看看angular-fullstack發生器，有兩種狀態：「dev」和「dist」（基本上是開發版本和生產版本）。

在開發過程中，我們可能會使用預編譯/預變醜腳本/樣式（如CoffeeScript中，上海社會科學院，手寫筆等）。但最終，這些將被處理爲生產就緒。

雖然發展，很容易從bower_components引用它們。但是，在開發之後，它們可能最終必須被編譯到不同的文件夾。

在這種情況下，我們有基礎的SASS文件，並在bower_components其他一些必要的腳本。雖然我們可以在bower_components文件夾中編譯/縮小這些文件，但更好的方法是將這些處理後的源輸出到不同的文件夾中。

Answer 2

我舉個例子，添加一個額外的.bowerrc文件與內容

{"directory" : "Resources/Private/BowerComponents"} 

...因爲這適合我的框架的約定。從這裏，我只需要相應地調整config.rb文件，並給出找到文件的位置。

你可能也想看看https://github.com/zurb/foundation-compass-template這是一個你可以入門的普通包（但是要注意https://github.com/zurb/foundation-compass-template/issues/2在這個狀態下是活動的）。