Stylelint 没有警告 !important

Question

我有一个使用 styled-components 的项目，我刚刚按照官方指南[1] 安装了 Stylelint。

我的 .stylelintrc.json 已经将 declaration-no-important 设置为 true 但似乎没有效果，因为我有一个组件使用 !important（见下文）

{
  "processors": ["stylelint-processor-styled-components"],
  "extends": ["stylelint-config-recommended", "stylelint-config-styled-components"],
  "rules": {
      "declaration-no-important": true
  }
}

$ ag important
lib/components/molecules/Checkbox/Checkbox.styles.ts
24:      border-color: #7e77a1 !important;

我需要做什么来 Stylelint 警告我使用 !important?

1 - https://styled-components.com/docs/tooling#stylelint

Answer 1

你能试试这个吗？

'declaration-no-important': [true, { 'severity': 'warning' }]

Stylelint 没有警告 !important

Stylelint not warning about !important

javascript

stylelint

styled-components