2013-07-23 496 views
3

所以我在Rails應用打破了我的LESS文件的多個減檔(不要問我爲什麼使用較少,而不是SASS)成一束的單獨的文件,以關閉它們是什麼意思是。包括軌資產管道

stylesheets/ 
├── add-listing.css.less 
├── application.css 
├── checkout.css.less 
├── dashboard-home.css.less 
├── edit-listing.css.less 
├── edit-profile.css.less 
├── global-variables.css.less 
├── global.css.less 
├── inquiries.css.less 
├── inquiry.css.less 
├── manifest.css.less 
├── profile-listing.css.less 
├── questionnaire.css.less 
├── scaffolds.css.less 
├── scrape.rb 
├── screen.css.less 
├── search.css.less 
├── settings.css.less 
└── sign-up-log-in.css.less 

我發現的是require_tree .application.css工作。我需要先加載global-variables.css.less,也不會做。甚至當我說require global-variables.css.less它仍然不會呈現所需根頁的實際LESS文件。

所以我一直在做的是把@import語句放在manifest.css.less的所有文件中。它的工作原理,但是這意味着,如果我提出一個新的LESS文件,我每次添加一個@import聲明。這只是另一個步驟,我想知道是否可以用Rails做到這一點。有什麼建議麼?

+1

據我所知,這是確實的路要走,但是,是的,這是糟糕的。 – markijbema

+1

你有哪個版本的導軌? – achr3f

回答

1

這是不是唯一的一個問題較少。在SASS中,還有一個問題是無法確保require_tree包含文件的順序。例如如果你想有一個variables.scss文件,其中包含了一堆全局變量SASS的,你必須刪除require_tree和application.css做到這一點,而不是:

/* 
*= require_self 
*= require main 
*/ 

在main.css.scss那麼這個:

// Import this first so other .scss files can see the variables and the bootstrap stuff 
@import "variables"; 

// @import everything else here. If you add a new file, it won't show up until you add a line to import it here. 
@import "style"; 
@import "tables"; 
//etc 

是的,這很麻煩。