2

我第一次使用 LESS 设置 RoR 应用程序，并且在某些资产路径上遇到了问题。

无论出于何种原因，当我使用asset_path()或image_path()在使用 引用的 LESS 文件中引用图像时@import，只要我在其中包含嵌入式 Ruby 调用，它似乎就会默默地处理导入的 LESS 文件失败。

以下是应用程序的设置方式：

文件系统：

views
 -> home
app
 -> assets
    -> images
       -> general
          -> side_shadow.png
       -> home
          -> chair.png
    -> stylesheets
       -> less
          -> home.css.less.erb
          -> template.css.less.erb
          -> style.css.less.erb
          -> fonts.css.less.erb
public
 -> assets
    -> general
       -> side_shadow.png
    -> home
       -> chair.png

在我的应用程序中，“家”是正在呈现的视图。加载时，它使用home.css.less.erb：

@import url("template.css.less.erb");

div#holder
{
    background: url(<%= asset_path('home/chair.png')%>);
    /* This resolves appropriately as /assets/home/chair.png... */
}
...

然后它加载template.css.less.erb：

@import url("style.css.less.erb");

...

最终加载style.css.less.erb：

@import url("fonts.css.less.erb");

body
{
    background-image: url(<%= asset_path('general/side_shadow.png') %>);
}
...

当我使用 运行它时rake assets:precompile，它中止，通知我我在fonts.css.less.erb文件中定义的 CSS 类未定义，这似乎表明它从未有机会处理我的字体 LESS 文件。

但是，如果我用它代替<%= asset_path('general/side_shadow.png') %>文字 path '/assets/general/side_shadow.png'，它会毫无例外地继续，并且页面会按预期加载。

为什么这个 LESS 文件（由另一个 LESS 文件导入）不能包含这个嵌入式 Ruby 调用？我可以home.css.less.erb毫无问题地在根文件上执行此操作，但不能在它引用的任何 LESS 文件中执行此操作。

我的宝石文件：

source 'https://rubygems.org'

gem 'rails', '3.2.8'

# Bundle edge Rails instead:
# gem 'rails', :git => 'git://github.com/rails/rails.git'

gem 'sqlite3'

# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails' #, '~> 3.2.3'
  gem 'coffee-rails' #, '~> 3.2.1'
  gem 'less-rails'
  gem 'less-rails-bootstrap'

  # See https://github.com/sstephenson/execjs#readme for more supported runtimes
  gem 'therubyracer', :platforms => :ruby

  gem 'uglifier' #, '>= 1.0.3'
end

gem 'jquery-rails'

# To use ActiveModel has_secure_password
# gem 'bcrypt-ruby', '~> 3.0.0'

# To use Jbuilder templates for JSON
# gem 'jbuilder'

# Use unicorn as the app server
# gem 'unicorn'

# Deploy with Capistrano
# gem 'capistrano'

# To use debugger
# gem 'debugger'
  • 戴夫
4

1 回答 1

3

原来我追求这个错误的方式; 我不需要使用嵌入式 Ruby 来构建资产路径，因为 CSS/LESS 中嵌入了一些函数，允许我在不使用 Ruby 的情况下构建资产路径。这意味着两件事：

  • 首先，删除.erb我的.css.less.erb文件的扩展名（无论如何这些扩展名都很乱......）

  • 其次，用等效的 CSS/LESS 替换嵌入式 Ruby 调用。

    代替：

    background-image: url(<%= asset_path('general/side_shadow.png') %>);

    改用这个 CSS/LESS 函数：

    background-image: image-url("general/side_shadow.png");

这在RoR Asset Pipeline 指南中并不清楚，因为它似乎在“CSS & ERB”部分建议使用嵌入式 Ruby。但是，“CSS & SASS”部分包含对这些函数的适当引用。（回想起来，SASS 与 LESS 非常相似，因此本指南的这一部分似乎更适用于 LESS。）

此外，如果这篇文章不能帮助您解决问题，这是一个类似的问题，也有类似的答案。

于 2012-10-11T19:35:50.240 回答