Less 字体真棒和更少:图标类未恢复
我有一个main.less文件,我正试图用字体类编译它 我的less文件非常简单:Less 字体真棒和更少:图标类未恢复,less,font-awesome,font-awesome-4,Less,Font Awesome,Font Awesome 4,我有一个main.less文件,我正试图用字体类编译它 我的less文件非常简单: @import "../bower_components/bootstrap/less/bootstrap.less"; @import "../bower_components/fontawesome/less/font-awesome.less"; .button { .btn; .btn-sm; .btn-primary; span { .fa;
@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
问题在哪里 我找到的唯一解决方案是修改Font awesome的less file icons.less。 我换了
.@{fa-css-prefix}-home:before { content: @fa-var-home; }
与
请参阅(注意关于
:before
)的备注)。另请看。我被npm字体真棒(4.7)软件包卡住了,并且有完全相同的问题。有人知道有什么真正的解决办法吗?这个答案的主要问题是,我必须修改软件包,这当然不会翻译给下一位开发人员,也不会在存储库中包含更改后的文件,从而破坏了使用npm的意义。好的,在这里找到了一个真正的解决方案:
.@{fa-css-prefix}-home { &:before { content: @fa-var-home; } }