2017-04-12 64 views
-2

我玩用CLI设置angular4,如何在包含angular-cli的angular4中包含外部CSS和字体awsome?

我strucked包括外部CSS文件和角CLI 1.0稳定版本字体要命

我按照这些步骤

创建cli project-> include bootsrap,jquery->分离webpack.config.json(使用ng eject) - >包括加载到此工作正常,之后包括字体awsome但它不工作

所以我手动添加的字体要命包括webpack.conig甚至包括它不工作引发错误,如

enter image description here 请任何一个让我知道如何解决这个问题

谢谢

+0

为什么-2,难道我问错了问题 –

回答

2

您需要通过使用

npm install font-awesome --save 

安装软件包,并在条目添加到您的.angular-cli.json

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

是的,我做到了,但它的NT工作,意味着它不给任何错误,但不要担心 –

+0

请确保您提供 - 保存参数 –

+0

相应的文件夹是否已下载到您的'node_modules'文件夹中? –

-1

Officially这是可供下载或作为Ruby宝石。

如果您喜欢SASS,这是一种很好的代码编写方式,您应该知道Angular2可以处理.scss文件。

通常是使用的软件包管理器一个好办法,这样你就可以:

  1. Install RubyGems
  2. 安装依赖在其网站上所呈现

此行添加到您的应用程序的Gemfile:

gem'font-awesome-sass'

然后执行:

$束

或者自行安装为:

$创业板安装字体真棒 - 萨斯

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

  • 将进口添加到您的。这取决于你从包

  • @import“字体真棒 - 链轮”需要什么SCSS文件;

    @import“font-awesome”;

  • 纳克服务
  • +0

    什么是减号? – andreim