Angular -通过类名标识scss文件
Angular -通过类名标识scss文件
提问于 2018-04-22 21:31:07
我正在使用angular 5应用程序，其中的样式被封装到组件中。
如果运行ng serve命令，所有样式都将被插入到页面的<head>部分的<styles>标记中。所以在浏览器开发工具中，我只看到像.my-classname[_ngcontent-c25]这样的东西，没有引用定义它的scss文件。
有没有办法检测这个类名是在哪个组件中定义的？
回答 2
Stack Overflow用户
发布于 2018-04-22 21:39:22
您可以运行ng serve -sm -ec来查看源图。但是在最新的Angular CLI中有一个bug。但在here中，您将能够找到解决方法。
Stack Overflow用户
发布于 2018-04-22 21:47:34
这些属性的精确值并不重要。它们是自动生成的，您永远不会在应用程序代码中引用它们。
没有办法预测输出会是什么，以及它会有多稳定。即使您将规则应用于生成的类，也不能保证它在下一次构建中是相同的，因为很小的更改可能会激起样式生成方式的巨大差异。
如果要应用外部样式(不是在Angular构建过程中构建的样式)，可以解决该设置：
encapsulation: ViewEncapsulation.None在您的组件内部。这样，输出将是稳定和可预测的，但它为CSS冲突打开了大门。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49966457
复制相关文章
相似问题
腾讯云开发者
