css - 如何使用 id 属性以 Angular 导入样式表？

Question

我正在尝试将引导仪表板模板集成到 Angular8 元素中。但是当我在 index.html 中链接 css 文件时出现 resource not found 错误，

  <link rel="stylesheet" href="./src/assets/css/theme.min.css" id="stylesheetLight">
  <link rel="stylesheet" href="./src/assets/css/theme-dark.min.css" id="stylesheetDark">

在我的模板中，他们在每个样式表中使用了一个 id 属性。由于此 id 属性 (id="stylesheetLight")，我无法将其导入； style.css 和 angular.json 都不是。如果不指定 id，设计将被破坏。

我在 index.html 中导入时遇到的错误:

如何解决找不到资源的错误？或者有什么方法可以将 style.css 中的 id 指定为 @import ？

Answer 1

你必须在 angular.json 文件中添加它:

"options": {
  ...
  "styles": [
    "src/styles.css",
    "src/assets/css/theme.min.css"
    "src/assets/css/theme-dark.min.css"
  ],
  "scripts": [],
  "assets": [
    ...
  ]
}

在 Angular 中，添加样式表，如 <link rel="stylesheet" href="./src/assets/css/theme.min.css" id="stylesheetLight">不是正确的方法