Ionic 3 Plunker 与 SCSS 不工作

Question

我发现 this plunker 用于 Ionic 3.X 演示，由 Ionic team.But 你能告诉我如何将 .scss 文件添加到 that.Let 说我需要添加 app/home.page.scss 或者可能是全局 scss file.Can 你能帮我吗？

Answer 1

以下是我所做的更改：

1) 创建了 app/home.page.scss

2) 在 app/home.page.ts

中添加了以下元数据

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

3) 在app/home.page.html

中添加了class红色

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

4) 在 app/home.page.scss

中添加了以下内容

.red {
  border: 1px solid red;
}

希望这就是您所需要的！

Ionic 3 Plunker with SCSS not working