Angular 从url参数引用CSS的角度

我在Angular 7中有一个简单的表单应用程序。 我被要求从应用程序中删除所有样式，并将这些样式放在另一个需要的位置。然后，我们将CSS URL作为参数传递到我们的应用程序中，并将其用作样式表

我唯一的问题是，我希望将当前CSS作为默认值，以防参数没有传递到我们的应用程序中。我怎样才能把所有的SCSS文件（包括组件）编译成一个CSS文件，这样我就可以把它包括进去

那么你最终会调用我的URL吗

我会看到有一个URL参数，所以我会在html中添加一个样式链接

<link rel = "stylesheet" type = "text/css" href= "https://cssurl.com/cssfile=my-css-file.css" />

是否希望使用默认视图封装保留每个组件的样式，然后使用外部CSS覆盖这些样式？是的，我需要将所有组件样式以及全局样式放入一个CSS文件中。我不确定如何执行此操作，但您最好将组件的ViewEncapsulation设置为None，并将样式移动到更全局的styles.scss文件中。默认视图封装生成并放置在组件元素中的代理项ID属性将使覆盖这些组件样式变得困难。一旦所有样式都在一个全局文件中，就可以很容易地确保输出的css包含在单个文件中，并使用外部资源覆盖样式。是否希望使用默认视图封装保留每个组件的样式，然后使用外部css覆盖这些样式？是，我需要将所有组件样式以及全局样式放入一个CSS文件中。我不确定如何执行此操作，但您最好将组件的ViewEncapsulation设置为None，并将样式移动到更全局的styles.scss文件中。默认视图封装生成并放置在组件元素中的代理项ID属性将使覆盖这些组件样式变得困难。一旦所有样式都在一个全局文件中，就可以很容易地确保输出的css包含在单个文件中，并使用外部资源覆盖样式。