如何在整個應用程序Angular 4中使用Angular中的樣式

Question

我想在Angular App的樣式中創建常規樣式，當我創建僅在HTML中使用的組件時，有可能嗎？ 我這樣嘗試過，但是沒有用。

@import "../../styles";

我正在處理此錯誤。

這是顯示錯誤的照片

Answer 1

我從

@import "../../styles";

至

@import "../../styles.css";

這正在工作。

Answer 2

檢查項目根文件夾中的.angular-cli.json 。 它應包含以下部分：

{
  "apps": [
    {
      "styles": [
        "styles.css",
        "my-other-global-steylesheets.css"
      ],
    }
  ]
}

或將它們添加到index.html的<head>部分，例如：

<head>
  <link href="styles.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>

在大多數情況下，不需要將漏洞導入到每個組件的樣式表。 這可能會不必要地增加應用程序的大小。