Как импортировать ионы (sass) в проекте Angular 4 cli

Question

Как добавить ионы (Sass) в Angular 4 Cli Project, запущенный ng serve (npm start)?

Я следовал за этими шагами:

1. Импорт ионов

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

2. В variables.scss:

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

В консоли не выдавали ошибок, но шрифты не были загружены и значки не появлялись.

С помощью

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

работает отлично.

Answer 1

Мне удалось исправить эту проблему, изменив версию ionicons на версию 2.0.1 в package.json. Он не работал в последней версии 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>