css - 在 Angular (4) 应用程序组件中包含外部 css

Question

所以来自 Load external css style into Angular 2 Component似乎通过将外部 url 中的 css 放入 styleUrls[] 中来包含 css 适用于 Angular 2。但它不适用于 Angular(它只是在目录下搜索 css 表)。我找不到任何与此相关的文档，因此我现在只是将其硬编码到整个 index.html 页面中。我怎样才能让它适用于各个组件？

编辑:澄清一下，外部CSS我的意思是这样的:https://www.w3schools.com/w3css/4/w3.css ，不包含在我的元素中。

Answer 1

我知道这个答案有点晚了，但如果有人寻找解决方案:
如果您在应用程序文件夹中使用nodeJS，则可以使用命令行写入:

npm install --save w3-css

您应该在应用程序的 src 文件夹中调整 angular-cli.json 并在其中注册样式，输入以下内容:

"styles": [
        "../node_modules/w3-css/w3.css",
        "styles.css"
      ],