ruby-on-rails - Rails 预编译 : Why a LESS. ERB 文件不起作用？

Question

我正在尝试使用 Rails Asset Pipeline 来处理 less.erb 文件。

在我使用 LESS 之前，我使用了 SCSS。使用 SCSS 我可以拥有 SCSS.ERB 文件。一切都很完美。

不幸的是，我想使用的 UI 框架 (Semantic-UI) 不支持 SCSS，只支持 LESS。

所以我改变了:

添加了这些 gem :

gem 'less-rails', '~> 2.7.0'
gem 'therubyracer', '~> 0.12.2'
gem 'less-rails-semantic_ui', '~> 2.0.7'

然后我将 _colors.less.erb 文件添加到我的 Assets 管道(在 assets/stylesheets/core/_colors.less.erb 中)，内容如下:

@import "variables/_colors.less";

<% colors_list = %w(primary secondary gray green red blue yellow purple orange brown violet pink olive teal) %>


/*--------------------
   Background Colors
---------------------*/

<% colors_list.each do |color| %>
  .bg-color-<%=color%>         { background-color: @color-<%=color%>; }
  .bg-color-<%=color%>-darker  { background-color: @color-<%=color%>-darker; }
  .bg-color-<%=color%>-dark    { background-color: @color-<%=color%>-dark; }
  .bg-color-<%=color%>-light   { background-color: @color-<%=color%>-light; }
  .bg-color-<%=color%>-lighter { background-color: @color-<%=color%>-lighter; }
<% end %>

.bg-color-black         { background-color: @color-black; }
.bg-color-white         { background-color: @color-white; }
.bg-color-gray-darkest  { background-color: @color-gray-darkest; }
.bg-color-gray-lightest { background-color: @color-gray-lightest; }

这里的问题是，与 scss.erb 文件不同，这些 less.erb 文件没有从 erb 预编译为 less。

它返回错误:'core/_colors.less' was not found

有谁知道为什么会这样？

Answer 1

我不确定，但你说“_colors.less”在“assets/stylesheets/core/_colors.less.erb”中，你从“variables/_colors.less”导入

我认为你的导入应该是“core/_colors.less”