在 Rails 中使用 Less 文件答案

【问题标题】：Using Less files in Rails在 Rails 中使用 Less 文件
【发布时间】：2015-07-20 03:50:28
【问题描述】：

我想问一下如何在 Rails 应用程序中使用 .less 文件，如果它们被放置在资产下但在样式表的单独文件夹中（我们称之为文件夹“myless”）。另一种说法是 myless 文件夹将与 assets 文件夹下的文件夹“images”、“javascript”和“stylesheets”并排放置。

如何将它们导入 application.css 或 .CSS 文件？我会使用哪几行代码？我必须在 environment.rb 中添加一个方法吗？我必须使用什么宝石？

任何洞察力都是极好的。请注意，我对 Rails 还很陌生，并且正在研究关于它的不同教程。不同版本的 Rails 中的不同实现让我感到困惑，而且我在网上也找不到清晰的教程。我目前正在尝试实现一个引导模板，这就是我问这个问题的原因。我得到了 JavaScript 和 CSS，但意识到模板使用 .less 文件。帮忙？

【问题讨论】：

标签： css ruby-on-rails ruby-on-rails-4 less

【解决方案1】：

您可以通过包含适当的 gem 来使您的应用支持 LESS：

gem 'therubyracer'
gem 'less-rails'

然后运行bundle install。假设您的样式表清单中包含适当的样式表，那么您应该一切顺利！

如果您想以更简单的方式在项目中包含 Bootstrap，还可以使用 rails-less-bootstrap gem。

注意：最好将样式表放在一起。与其让myless 目录与images、javascripts 和stylesheets 处于同一级别，不如考虑将其移到stylesheets 目录中。

希望对你有帮助！

【讨论】：

如何在 .CSS 文件中导入较少的文件？是否需要使用一行代码将它们包含在应用程序视图中？
如果你安装了 less-rails，LESS 文件会被编译成 CSS。在典型的 Rails 应用程序中，您会在清单文件中引用不同的 less 文件，如下所示：*= mylessfilename。在新的 rails 项目中创建的默认清单文件位于 app/assets/stylesheets/application.css。