大佬教程收集整理的这篇文章主要介绍了ruby-on-rails-3 – 如何让我的LESS变量可用于Rails中的所有CSS文件？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
在Rails 3.2.2中,我有以下样式表：
app/assets/stylesheets
|
|-- application.css
|-- bootstrap_and_overrides.css.less
|
|-- Annotations.css.less
|-- maps.css.less.erb
`-- users.css.less.erb
前两个或多或少是系统默认的.其他是我定义自定义样式的地方.
因此,application.css像往常一样包含所有其他文件：
*= require_self *= require_tree .
当然,bootstrap_and_overrides.css.less包括Twitter Bootstrap以及其他一些自定义的LESS变量.
@import "twitter/bootstrap/bootstrap"; @import "twitter/bootstrap/responsive"; // other stuff @brown_text: #332820;
什么行不通：
现在,在Annotations.css.less中,我想使用@brown_text,但它给了我：
我认为这是因为Annotations.css.less没有引用定义变量的“master”文件.并且似乎首先编译Annotations.css.less – 请注意我目前处于开发环境中.
那么,我如何使用我的自定义LESS变量,并使其在其他样式表文件中可用？我目前的“修复”只是将我的所有自定义样式移动到bootstrap_and_overrides.css.less.erb中,这看起来根本不是很干净.
什么也行不通：
只能导入LESS文件是不可能的,因为它们使用Rails的资产路径助手.并且导入ERB文件也是不可能的,因为@import语句将找不到该文件,因为它需要.less后缀.
您应该能够在您使用ERB的任何地方使用asset-path或asset-url来引用资产管道.
鉴于此,最好的方法是：
>将application.css转换为application.css.less
>删除所有Sprockets指令
> @import目录中的每个单独文件.
>从包含它的任何文件中删除.erb扩展名,并将ERB资产助手更改为less-rails资产助手.
>确保在bootstrap_and_overrides之后导入Annotations.css.less – 这就是为什么使用require_tree通常不是一个好主意,因为您无法控制文件的加载顺序.你现在拥有它的方式,Annotations.css.less将在bootstrap_and_overrides之前加载 – 在你想要使用的变量存在之前.
希望有所帮助！
以上是大佬教程为你收集整理的ruby-on-rails-3 – 如何让我的LESS变量可用于Rails中的所有CSS文件？全部内容，希望文章能够帮你解决ruby-on-rails-3 – 如何让我的LESS变量可用于Rails中的所有CSS文件？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。