html - Angular-cli 从外部 url 添加样式

Question

有没有办法从外部 url 加载 css 样式？

例如，我有 domain.eu，但在我的网站上有 sub.domain.eu。我想使用存储在该域中的样式。 (这些样式对所有网站都是通用的)。

下面的示例肯定无法正常工作。

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

问题是 webpack 试图捆绑这些样式。他无法取回它。当我通过 css 导入它时

@import('url');

它不会崩溃，但会出现丢失图像或字体等 Assets 的问题。

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

当我们有三个不同的主题来定义基本字体、标题样式等时，我想通过路由或某些组件内的基本选择选项元素来更改它，是否有某种 hack 或我可以做的事情？

Answer 1

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