javascript - Angular 2：styleUrls 是相對於當前元件的嗎？

我在使用 styleUrls 為我的 Angular 2 元件添加樣式時遇到了一些問題。

這是我使用它的方法：

path/main.component.ts

@Component({
    selector: 'app-view',
    styleUrls: ['./styles/style.css'],
    template: //...
})

path/styles/style.css

.main-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: red; }

在我的瀏覽器中什麼都沒有發生。我已經嘗試過：

• 絕對路徑
• 相對於根組件的路徑。

我也試過：

• 使用不同語法來編寫這個，例如 './styles/style.css'、'styles/style.css'
• 將我的 style.css 移到我的元件旁邊。

但是我無法讓它運作。

答案＃1

不要使用 styleUrls。只需將樣式檔案重新命名為 scss 擴展名。樣式表將自動使用！

因此，我的元件檔案會是這樣，並且會與樣式搭配使用：

• mycomponent.ts
• mycomponent.html
• mycomponent.scss