Angular 4 cliプロジェクトでionicons（sass）をインポートする方法

Question

Angiature 4 cliプロジェクトでionicon（Sass）を追加する方法はng serve（npm start）ですか？ variables.scssで

@import "~ionicons/dist/scss/ionicons";

libに

1. インポートionicons：

   $ionicons-font-path: "~ionicons/dist/fonts";

は、私はこれらの手順に従っ

コンソールにエラーは表示されませんでしたが、フォントが読み込まれず、アイコンが表示されませんでした。使用

<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">

が正常に動作します。

Answer 1

package.jsonでioniconsのバージョンを2.0.1に変更することで、この問題を解決できました。最新のIoniconsでは動作しませんでした。

ので、package.json

"ionicons": "2.0.1" 

にこれは私がメインのSCSSファイルにインポートする方法です。

$ionicons-font-path: "../../../node_modules/ionicons/fonts"; 

@import "~ionicons/scss/ionicons"; 

これはHTMLコードです。

<i class="ion-location"></i>