2017-04-12 66 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