在Rails 3中导入LESS变量

Question

我的资产文件夹中有一个global.less文件，我在其中定义了许多站点范围的变量。

为了在其他较少的文件中使用这些变量，我目前将其放在每个文件的顶部：

@import 'global';

这样可以很好地加载所有内容，但现在我在每个文件中都加载了一份全局副本。我想知道是否有一种方法可以在项目中只写一次导入，并让其他较少的文件能够访问它？

Answer 1

要实现这一点，只需要做两件小事。

1. 将application.css重命名为application.less或application.css.less，使其成为一个.less文件。

2. 删除require_tree .链轮指令，该指令将单独导入样式表目录中的文件，从而删除定义顺序的能力。

一旦这些事情完成，它应该如你所期望的那样工作，简单地说：

// in global.less
@foo: #FFFFFF;
// in foo.less
.foo {
  background-color: @foo;
}
// and finally in application.less
@import 'global';
@import 'foo';