SASS基金會5項目設置

我對Compass和SASS的整個世界都很陌生，所以我可能會在這裏錯過一些基本的東西。我遇到了基金會5的結構化問題。SASS基金會5項目設置

如何讓所有人在現有（git）項目中整齊地工作？當我運行foundation new myproject時，它將基礎知識克隆爲'myproject'：依賴項的bower_components /文件夾，根目錄中的config.rb，'scss'文件夾，我可以在後臺運行compass watch修改SASS文件生成我的CSS文件，以及一個示例index.html文件。就我自己而言，我認爲我瞭解它是如何工作的。

我已經在我打算用粉底5.我的第一反應是試圖在我的項目的根「初始化」基金會現有項目：foundation new . ，因爲它是使用Git，當然它抱怨目錄WASN沒空。很公平，所以我把它作爲我的public_html中的一個子文件夾：foundation new foundation。我將config.rb放在項目的根目錄下，並更新了路徑，所以我可以從我的根目錄運行compass watch。所有這些工作非常整齊，我玩弄了scss文件，並觀看了我的css文件相應地更新。然後我做出了結果並從不同的位置拉出來。 '基金會'，作爲回購協議內的回購協議，並沒有與其他所有內容一起承諾。這裏面的大部分內容並不重要 - foundation new whatever再次加載它，而.gitignoring/bower_components是明智的。但我確實需要'scss'目錄內的自定義代碼。我嘗試以不同的方式設置我的項目，在bower目錄外有'scss'目錄，並將其設置爲config.rb中的sass_dir。這種設置對我來說很有意義，但我不能得到它的工作：運行compass watch失敗：

 File to import not found or unreadable: foundation.

我config.rb現在：

http_path = "/" 
    css_dir = "public_html/assets/css" 
    sass_dir = "foundation/scss" 
    images_dir = "public_html/assets/img" 
    javascripts_dir = "public_html/assets/js"

我怎麼知道它明確哪裏基礎是？我嘗試過在config.rb中使用'add_import_path'，但這並沒有太大的作用。

我有這種感覺，我在這裏錯過了一些根本性的東西，或者我可能會超越它。自從基金會5非常新鮮的時候，谷歌並沒有什麼幫助。有人可以推動我朝着正確的方向前進嗎？

謝謝！

來源

2013-11-26 Stijn VDB

我有一個類似的問題，我結束了downloading foundation-compass-template而不是使用基礎命令行

解壓到我的項目的根目錄，然後

bower install

這裏是沿附帶的config.rb它：

# Require any additional compass plugins here. 
add_import_path "bower_components/foundation/scss" 

# Set this to the root of your project when deployed: 
http_path = "/" 
css_dir = "stylesheets" 
sass_dir = "scss" 
images_dir = "images" 
javascripts_dir = "javascripts"

我知道這不是一個直接的答案，但希望該項目給你一個方向

希望這有助於

來源

2013-11-27 10:10:45 user2262149

接受的答案原來是解決方案的一部分。它的工作，並再次看着config.rb我意識到正確的方式告訴指南針在哪裏尋找基金會。 D'哦。

我的結構如下內容：

config.rb 
public_html/ 
--assets/ 
----scss/ 
----css/ 
----foundation/ 
------bower_components/ 
--------foundation/ 
----------scss/ # this is the dir that needed to be imported from config.rb

Config.rb：

add_import_path "public_html/assets/foundation/bower_components/foundation/scss" # *magic* 
http_path = "/" 
css_dir = "public_html/assets/css" 
sass_dir = "public_html/assets/scss" 
images_dir = "public_html/assets/img" 
javascripts_dir = "public_html/assets/foundation/js"

正如你所看到的，這樣的事情是完全像什麼，我希望能得到：裏面基金會的東西public_html/assets/foundation - 除了時常運行bower update之外，不需要觸及該目錄，我的自定義scss駐留在public_html/assets/scss中。

感謝您給我急需的推送！

來源

2013-11-27 12:21:45

那真是太棒了，基金會5也是非常棒的，萬事如意 – user2262149

我得到了同樣的錯誤，並且有一個稍微不同的項目設置。你能解釋你的自定義scss文件的位置嗎？那麼標準下載中沒有的img文件夾呢？ – Vincent

SASS基金會5項目設置

回答

相關問題