font-awesome和less：图标类无法识别

Question

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

我的文件很简单：

@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-less版本：0.11.4
• 字体版本：4.1.0

问题出在哪里？

Answer 1

我找到的唯一解决方案是修改Font-awesome的文件图标。 我换了

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

与

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