Ionic 3 Plunker с SCSS не работает

Question

Я обнаружил, что этот плункер используется для демонстрации Ionic 3.X командой Ionic. Но вы можете сказать мне, как добавить .scss файл к этому. Скажем, мне нужно добавить app/home.page.scss или может быть глобальным scss файл. Можете ли вы помочь мне за это?

Answer 1

обновленный Plunker

Ниже приведены изменения, которые я сделал:

1) созданное приложение / home.page.scss

2) Добавлены следующие метаданные в app / home.page.ts

styleUrls: ['app/home.page.scss']

3) Добавлен класс red в app / home.page.html

<ion-title class="red">{{ appName }}</ion-title>

4) Добавлено следующее в app / home.page.scss

.red {
  border: 1px solid red;
}

Я надеюсь, что это то, что вам нужно!