Wie importiere ich Ionics (Sass) in Angular 4 cli Projekt

Question

Wie fügt man Ionics (Sass) in Angular 4 cli project running ng serve (npm start) hinzu?

folgte ich vor:

1. Import ionicons lib

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

2. In variables.scss:

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

In der Konsole gab es keine Fehler, aber die Schriften wurden nicht geladen und Symbole wurden nicht angezeigt.

Mit

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

funktioniert gut.

Answer 1

Ich konnte dieses Problem beheben, indem ich in package.json die ionicons-Version auf Version 2.0.1 änderte. Es funktionierte nicht in der neuesten Version von Ionicons.

Also, in package.json

"ionicons": "2.0.1" 

Dies ist, wie ich in Haupt SCSS Datei importiert.

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

@import "~ionicons/scss/ionicons"; 

Dies ist der HTML-Code.

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