angular - 角度加载标签而不是 css 文件

Question

当我运行ng serveangular 时不加载我的 css 文件，而是在标签内加载我的组件 scss，问题是当它以这种方式加载时，angular 编译器也会更改我在控制台上的类名称并使其更难开发，例如span.arrow成为span.arrow[_ngcontent-c1].

我知道可以像任何网站一样正常查看我的 css 文件。如果可能的话，我不想关闭视图封装。

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

例子

需要提一下，我正在使用 scss，这可能意味着什么。

标签： angular

Answer 1

恐怕避免Angular 封装的唯一方法是将其设置为None( ViewEncapsulation.None) 直接进入组件。其他可能的ViewEncapsulation策略是：

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

通过使用这两个在您的组件 shadow-root 中拥有所有样式，因此可以“轻松调试”它们（如您所说）。