将FontAwesome与AngularJS和Gulp一起使用

时间:2018-04-22 09:04:59

标签: angularjs node.js sass gulp font-awesome

我目前正在使用 NO Bower 的设置,使用 NPM 和Gulp for AngularJS。我从npm安装了Font-Awesome。我也在使用SASS / SCSS。

每当我运行gulp serve时,样式表已经加载了,因为我已经使用chrome中的开发人员工具检查了它,但字体没有加载它,因为我在加载字体时输出了404-awesome字体。

我用$fa-font-path变量。我使用以下方式导入它:

$fa-font-path: "node_modules/font-awesome/fonts/";
@import "node_modules/font-awesome/scss/font-awesome";

Bootstrap-Sass工作正常并使用$icon-font-path加载其字体值,尽管字体不在使用的文件夹中:

$icon-font-path: "node_modules/bootstrap-sass/assets/fonts/bootstrap/";
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

我尝试使用CDN导入它并且它完全正常工作,但我 NOT 想要使用CDN作为例外,因为我正在使用NPM依赖于此。

那么,为什么font-awesome不起作用?我的设置有问题吗?

0 个答案:

没有答案