角载荷<style> </style>标签代替CSS文件

Question

当我运行ng serve angular时，没有加载我的css文件，而是在标签中加载了我的组件scss。开发，例如span.arrow变成span.arrow[_ngcontent-c1]。

我知道可以像任何网站一样正常查看我的CSS文件。 而且我也不想关闭View Encapsulation。

我没有更改任何默认设置，没有任何想法吗？

示例

需要提及我使用的是scss，也许是某些意思。

Answer 1

恐怕避免Angular encapsulation的唯一方法是直接将其设置为None（ViewEncapsulation.None）到组件中。 其他可能的ViewEncapsulation策略是：

• 母语：encapsulation: ViewEncapsulation.Native 基本上是旧的ShadowDom方法。
• ShadowDom：encapsulation: ViewEncapsulation.ShadowDom ShadowDom v1

通过使用这两种样式，可以在组件的影子根目录中包含所有样式，因此可以“轻松调试” （如您所说）。