忽略-webkit-box shadow和-moz-box shadow，同时在Angular中使用stylelint

Question

如何删除CSS属性的Stylelint规则，例如-webkit-box-shadow和-moz-box-shadow？因为当我运行时，它正在覆盖box-shadow - fix命令。

以下是我的.stylelintrc.json文件规则列表：

{
  "extends": "stylelint-config-recommended-scss",
  "plugins": ["stylelint-order"],
  "rules": {
    "order/properties-alphabetical-order": true,
    "at-rule-no-unknown": null,
    "no-eol-whitespace": null,
    "indentation": 2,
    "number-leading-zero": null,
    "at-rule-no-vendor-prefix": true,
    "media-feature-name-no-vendor-prefix": true,
    "property-no-vendor-prefix": true,
    "selector-no-vendor-prefix": true,
    "value-no-vendor-prefix": true,
    "string-quotes": "single",
    "at-rule-name-case": null,
    "no-invalid-position-at-import-rule": null,
    "scss/at-import-partial-extension": null,
    "no-empty-source": null,
    "no-descending-specificity": null,
    "selector-pseudo-element-no-unknown": [
      true,
      {
        "ignorePseudoElements": ["ng-deep", "input-placeholder"]
      }
    ]
  }
}

为特定css属性添加规则的任何选项吗？任何帮助将不胜感激。

Answer 1

您可以使用 ignoreProperties 辅助选项 > property-no-dendor-prefix规则指定您不想取消修饰的属性。

例如，忽略box shadow：

{
  "rules": {
    "property-no-vendor-prefix": [true, { "ignoreProperties": ["box-shadow"] }]
  }
}