如何使用angular-cli设置在angular4中包含外部css和字体awsome？

Question

我正在使用带有cli设置的angular4，

我想在angular-cli 1.0稳定版中包含外部css文件和字体awsome ，

我遵循了这些步骤

创建cli项目 - ＆gt;包括bootsrap，jquery-＆gt;分开webpack.config.json（使用ng弹出） - ＆gt;包括loadash到这个工作正常，之后包括字体awsome但它无法正常工作

所以手动我在webpack.conig中添加了字体 - awsome包含甚至包括它不起作用的抛出错误

请任何人让我知道如何解决它

谢谢

Answer 1

您需要使用

安装软件包

npm install font-awesome --save

并将以下条目添加到.angular-cli.json：

"styles": [
        ...
        "../node_modules/font-awesome/css/font-awesome.min.css",
        "styles.css"
    ],

Answer 2

Officially可以下载或作为Ruby Gem。

如果您喜欢SASS，这是一种很好的编码方式，您应该知道Angular2处理开箱即用的.scss文件。

通常是使用包管理器的好方法，因此您可以：

1. Install RubyGems
2. 安装其网站上显示的依赖关系

  

将此行添加到应用程序的Gemfile：

     

gem'font-awesome-sass'

     

然后执行：

     

$ bundle

     

或者自己安装：

     

$ gem install font-awesome-sass

1. 转到Angular-CLI创建的组件，并将.css文件重命名为.scss文件

2. 根据您需要从包中添加导入.scss文件

  

@import“font-awesome-sprockets”;

     

@import“font-awesome”;

1. ng serve