模板开发构建样式问题

Question

我们最近做了模板升级，在产品构建包(模板构建)中发现了样式问题。当使用--dev参数(模板构建--dev)进行构建时，它工作得很好。

我做了更多的研究，发现了样式标签的差异。在dev build中，我可以看到style标签出现在我的阴影dom之下，就像它出现在模板之前的版本(0.15.x)中一样。但在prod build包中，样式标记缺失，但样式正在应用。我可以理解模板是禁止在产品构建中修改样式的。但行为不应改变。

Code Sample

模具构建结果-

​

模板构建--dev

​

Answer 1

--dev，您看到的--prod行为是正确的- IMO是错误的。属于宿主的样式应该优于影响阴影的任何其他样式，除非直接应用于阴影的元素(style属性)。如果您使用:host选择器作为my-component.scss中样式定义的根(我认为这是推荐的，但文档很少)，--dev的行为将与--prod相同。

自0.15.x以来，水合物发生了一些变化，这可能与您所注意到的行为变化有关。所以我同意这是一个问题/错误，但我认为问题出在--dev而不是--prod，并且与在组件样式中没有使用:host选择器有关。