ruby-on-rails - 如何将 LESS 文件添加到 Rails 应用程序

Question

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

这是我的 Assets 的样子:

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”添加到特定页面。

我该怎么做呢？

Answer 1

这应该有效，假设您使用的是 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" %>

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