2013-04-14 181 views
0

我的問題:我想使用一些指南針功能(主要是sprites generation和css3 mixins),但我不想爲它創建指南針項目。我的項目結構應該比指南針允許我創建的複雜一點。所以我想用sass留在我的項目中,但是導入並使用一些指南針功能。可能嗎?使用沒有指南針項目的指南針(sass)功能

+0

您是否非常善良以分享有關您項目組織和您使用的環境的更多信息? – igr

+0

我想保留部分非常小,像塊描述,所以會有很多。如果在每個包含.scss,.js和images的塊中都有一個文件夾會很好。否則,會有數百個文件的混亂。但我無法制作指南針來使用子文件夾中的部分。 – Anton

+1

指南針並不在乎你填充你的偏色的位置,它只關心它需要編譯生活的Sass文件的位置。如果您在圖像助手功能上使用圖像,圖像只需要存在於配置的圖像目錄中。 – cimmanon

回答

1

指南針是能夠管理你所有的東西。試試吧。

下面是一個例子,這是一個指南針項目的結構我目前工作:

enter image description here

首先,你應該有一個像sass一個文件夾中存儲您的非部分SASS文件,例如。 G。 sass/style.sasssass/screen.scss。你的config.rb應該指向它。

然後創建一個名爲partials的子文件夾,您可以在其中存儲所有內容。

partials子文件夾在開始創建結構:

sass/ 
    partials/ 
    _global.sass 
    _modules.sass 
    style.sass 

style.sass的內容應該是這樣的:

@import partials/global 
@import partials/modules 

這種結構易於擴展。一旦你的部分變大,並且決定把它分解,只需要創建一個局部命名的子文件夾,創建更小的諧音那裏,從最初的部分導入:中_global.sass

sass/ 
    partials/ 
    global/ 
     _extendables.sass 
     _functions.sass 
     _mixins.sass 
     _variables.sass 
    _global.sass 
    _modules.sass 
    style.sass 

內容:

@import global/extendables 
@import global/functions 
@import global/mixins 
@import global/variables 

這使得您的項目結構可以輕鬆擴展。

請注意,如果您使用SCSS語法,則需要在導入語句中引用引號,例如, G。 @import "global/extendables";

如果導入不起作用,請分享您的項目結構,您使用的確切代碼和您收到的錯誤文本。

+0

現在它似乎工作。我看,帶有偏色的文件夾應該被命名爲偏色?它可以配置爲其他名稱嗎?我在配置參考中完全沒有發現這一點。 – Anton

+0

文件夾名稱可以是任何你想要的。在partials之後命名文件夾只是增加代碼庫的一個非常方便的方法。 –

+0

@lomaus呃,謝謝,也許我做錯了什麼,但是我不能讓它工作,直到我將文件夾命名爲「partials」。現在文件夾名稱無關緊要,看起來像是我的一些錯誤。不知道出了什麼問題,但現在任何文件夾結構都能正常工作,即使所有子文件夾都在saas中。謝謝。希望我永遠不會再遇到這樣一個奇怪的行爲。 – Anton