2013-07-23 280 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 

是的,这很麻烦。