less - Font Awesome 而且更少 : icon classes unreconized

Question

我有一个 main.less 文件，我正在尝试使用 font-awesome 类进行编译。

我的 less 文件非常简单:

@import "../bower_components/bootstrap/less/bootstrap.less";
@import "../bower_components/fontawesome/less/font-awesome.less";

.button {
    .btn;
    .btn-sm;
    .btn-primary;
    span {
        .fa;
        .fa-folder-open;
    }
}

我使用grunt-contrib-less提供的less编译器。

输出是:

>> NameError: .fa-folder-open is undefined in less/main.less on line 10, column 3:
>> 9           .fa;
>> 10          .fa-folder-open;
>> 11      }
Warning: Error compiling less/main.less Use --force to continue.

Aborted due to warnings

• 较低版本:1.7.4
• 无 Grunt-contrib 版本:0.11.4
• 字体很棒的版本:4.1.0

问题出在哪里？

Answer 1

我找到的唯一解决方案是修改Font-awesome的less文件icons.less。 我更换了

.@{fa-css-prefix}-home:before { content: @fa-var-home; }

与

.@{fa-css-prefix}-home { &:before { content: @fa-var-home; } }