如何禁用 stylelint 规则？

Question

我正在使用 stylelints，我有一些我想禁用的规则：

我不得不以这种方式计算 top: calc(~'50% + 30px'); 但是“function-calc-no-invalid”阻止了它

https://stylelint.io/user-guide/rules/function-calc-no-invalid

另外，我想让我的 less 代码直接将 css 应用到组件，所以

my-componet { width:100px} 所以我需要禁用“selector-type-no-unknown”

https://stylelint.io/user-guide/rules/selector-type-no-unknown

我尝试创建一个 .stylleintrc 文件并添加以下内容

    "selector-type-no-unknown": "custom-elements",
    "function-calc-no-invalid": "false",

还有很多变化，但我不断得到

Invalid Option: Unexpected option value "false" for rule "function-calc-no-invalid" Invalid Option: Unexpected option value "custom-elements" for rule "selector-type-no-unknown"

Answer 1

您 .stylelintrc 文件中的 stylelint 配置对象应该是：

{
  "rules": {
    "function-calc-no-invalid": null,
    "selector-type-no-unknown": [
      true,
      {
        "ignore": [
          "custom-elements"
        ]
      }
    ]
  }
}

您可以在 stylelint user guide 中了解有关如何配置规则的更多信息，例如如何使用 null 关闭规则并配置可选的辅助选项，如 ignore: ["custom-elements"].

如何禁用 stylelint 规则？

how to disable stylelint rules?

stylelint