less - font-awesome and less : 图标类无法识别

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-less 版本：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; } }