离子3 Plunker与SCSS不工作

Question

我发现this plunker是你能告诉我怎么.scss文件添加到that.Let的使用由离子team.But离子3.X演示说，我需要添加app/home.page.scss或可成为一个全球性的scss文件。你能帮我吗？

Answer 1

updated Plunker

以下是我所做的更改：

1）创建的应用程序/ home.page.scss

2）添加以下在app/home.page.ts

元数据

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

3）添加的类红在app/home.page.html

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

4）增加了以下在app/home.page.scss

.red { 
    border: 1px solid red; 
} 

我希望这是你需要的东西！