带有 SCSS 的 Ionic 3 Plunker 无法正常工作

Question

我发现这个 plunker正在由 Ionic 团队用于 Ionic 3.X 演示。但是你能告诉我如何将.scss文件添加到其中吗？假设我需要添加app/home.page.scss或者可能是全局scss文件。你能帮我吗？

Answer 1

更新了Plunker

以下是我所做的更改：

1( 创建 app/home.page.scss

2( 在应用程序/主页.页面.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;
}

我希望这是你需要的！