我用哟支撑我的应用程序
yo gulp-webapp //I create a basic boilerplate with bootstrap sass
然后我安装FontAwesome
bower install font-awesome --save
这是我在main.scss之上的内容
$icon-font-path: "../bower_components/bootstrap-sass-official/assets/fonts/bootstrap/";
// bower:scss
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss";
@import "../../bower_components/fontawesome/scss/font-awesome.scss";
// endbower
然后我将它添加到我的html页面
<i class="fa fa-angle-right"></i>
如果我启动"gulp serve"它只显示一个白色方块,相反如果我使用"gulp"构建结果html正常工作.
结果main.css包含所有fa类,所以我认为问题在于这个var
$fa-font-path: "../fonts" !default;
这个var在这里:bower_components/font-awesome/scss/-variables.scss