2011-02-06 54 views
4

我已經有一個指南針項目啓動並運行在src目錄下的scss文件中,這些文件正在以css編譯到sttylesheets目錄中。這很好,我可以使用sass @import命令沒問題。在Compass項目目錄結構中使用Sass partials的子文件夾

但是,我想爲我的sass部分添加一些組織,並將它們放入src目錄中的相關文件夾中。但是,當我嘗試執行此操作時,@import命令失敗。

有沒有辦法做到這一點?

更新:我在指南針文檔中發現我可以將add_import_path添加到我的配置文件中,但我無法使其工作。我已經嘗試了一個完整路徑到目錄和一個相對於項目的路徑,但沒有任何事情發生。

有人請幫忙,它不能這麼難!

+0

我找到了解決辦法[這裏] [1]!這是非常簡單的 [1]:http://stackoverflow.com/a/12945982/1135284 – user1135284 2014-02-19 17:06:31

回答

0

所以事實證明,我正在以錯誤的方式處理事情。在做任何指南針之前,我一直在努力提高效率並組織我的文件夾結構。我意識到我需要設置指南針來觀看項目,然後創建一個文件夾結構。這樣,文件夾結構就會被複制到我的樣式表或CSS文件夾中,而不僅僅是在源文件夾中。現在一切都按照它應該的方式工作!

0

例如,如果您在src/partials目錄中放置了部分文件,只需在sass/scss文件中使用@import "partials/name"即可導入它們。

+0

這就是我試圖和它不起作用。 – musoNic80 2011-02-06 15:24:16

+0

@ musoNic80:奇怪,因爲它適合我。也許你在拼寫名稱或其他方面犯了一些錯誤? – 2011-02-06 15:34:13

0

我發現,在我用指南針/ SASS一個絲網的靜態項目,我必須explcitly設置基本SASS路徑,以用於其拿起SASS進口(一切工作,除了進口)。

所以最後我做這樣的事情在指南針配置塊: config.sass_dir = File.join(「內容」,「CSS」)

我想這是因爲我使用以外的東西比默認的sass路徑,所以當我@import它正在尋找它的默認路徑,而不是實際的路徑。

希望有所幫助。

0

我有同樣的問題。其實我是從rails + sprockets項目遷移到獨立項目的。

我不知道爲什麼,但Compass不支持鏈輪式文件名,例如screen.css.scss。我將所有文件重命名爲screen.scss,並且所有部分按預期工作。

0

我有類似的問題。這對我來說非常愚蠢 - 但是再一次,編程中的大多數問題都是。我的問題是,雖然我已經正確安裝一切爲獨立,根據:

https://github.com/twbs/bootstrap-sass

我使用的子文件夾結構是這樣的:

project 
-- stylesheets 
-- bootstrap 
-- sass 
---- main.scss 
------- subfolder1 
----------- partial.scss 
------- subfolder2 
----------- partial2.scss 

在我main.scss,我沒有正確使用@import,如:

@import「subfolder1/partial。SCSS」

的問題是這樣的:! 如果文件名用下劃線開始指南針只有正確地看到諧音

一旦我改名的文件_partial1.scss和_partial2.scss,一切工作沒有問題。