4

我似乎无法让它在我的 Rails 应用程序中工作。在高层次上，我不想在我的应用程序中使用 LESS 并让它通过资产管道。

这是我的资产的样子：

assets
|
|--- javascript
|
|--- stylesheets
            |
            |-- reset.less
            |-- my-mixins.less
            |-- my-variables.less
            |-- base.less
|
|--- images
|
|--- libs
        |
        |---foo
            |
            |--css
                |
                |--- foo-mixins.less
                |
                |--- bar.less

我想将“my-mixins.less”、“my-variables.less”和“foo-mixins.less”导入“base.less”以及其他文件。如果需要，还应将“bar.less”添加到特定页面。

我该怎么做呢？

4

3 回答 3

3

假设您使用的是 less-rails gem，这应该可以工作。

首先，将其添加到配置中的某个位置（我的 environment.rb 中有我的）：

YourApp::Application.configure do
  config.less.paths << File.join(Rails.root, 'app', 'assets', 'less')
end

现在，如果您有这样的文件设置：

assets
|
|--- javascript
|
|--- css
|        |--- site-stylesheet.css.less
|
|--- less
         |--- my-mixins.less

您可以使用以下命令在站点样式表中导入 my-mixins：

@import "my-mixins"

并将样式表导入您的应用程序：

<%= stylesheet_link_tag "site-stylesheet" %>

您应该能够从那里推断出您的特定目录结构。

于 2012-09-14T17:07:57.093 回答
1

在 base.css.less 中，您可以编写@import "my-variables.less";并且它应该可以工作。

于 2012-08-11T21:56:50.487 回答
0

这些文件必须位于“vendor/assets”或“vendor/plugins”（均位于根级别）文件夹中，以便使用相对路径引用它们。

于 2012-08-12T17:24:16.710 回答