Angualar2 和 Stylelint：意外的未知伪 class 选择器“：主机”

Question

如何教 Stylelint Angular 的选择器“:host”？

例如Angular2-Seed by MGechev 在其构建过程中显示为错误：

src/client/app/+home/home.component.css
1:1     ‼  Unexpected unknown pseudo-class selector 
        ":host" (selector-pseudo-class-no-unknown) [stylelint]

Answer 1

使用以下 selector-pseudo-class-no-unknown 规则定义：

{
"rules": {
  "selector-pseudo-class-no-unknown": [ true, {
    ignorePseudoClasses: ["host"],
  } ]
  }
}

编辑：请参阅 了解新的推荐方法

Answer 2

在 stylelint@7.2.0 中添加了对 CSS Scoping Module Level 1 伪 类 和 :host、:host-context 和 ::slotted 伪元素的支持.

更新到此版本后，您将不再需要使用 ignorePseudoClasses 可选的辅助选项。