Angular-cli从外部URL添加样式

Question

嗨大家有没有办法从外部网址加载CSS样式？

例如我有domain.eu但在我的网站sub.domain.eu我想使用存储在这个域中的样式。（这些样式适用于所有站点）。

以下示例无法确定。

"styles": [
    "styles.css",
    "http://domain.eu/themes/css/common.css"
  ],

问题是webpack正在尝试捆绑这些样式。他无法找回它。当我通过CSS导入它

@import('url');

它不会崩溃，但会丢失像图像或字体这样的资产。

唯一的解决方案是在index.html中添加外部CSS样式。但是可以动态设置这个值吗？

当我们有三个不同的主题，定义基本字体，标题样式等等，我想要改变它，例如通过路由或基本选择元素内部某些组件是否有某种黑客或我可以做的事情？

Answer 1

是的，您可以使用外部CSS添加样式，如styleUrls：['file name.css']在@Component中

Answer 2

您正在使用

“styles”：[“styles.css”，“http://domain.eu/themes/css/common.css”]

它用于为相应的组件编写直接的css，但如果你想从其他文件中包含一些css，那么你应该像这样使用