Question

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

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

以下示例无法确定。

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

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

@import('url');

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

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

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

Answer 1

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

Answer 2

您正在使用

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

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