1

我想允许\1px\使用但不允许任何其他像素值。这是目前的规则：

"unit-whitelist": [["%", "vh","vw"], { "message": "Please use rem() for size units" }],

4

2 回答 2

0

这目前不是 stylelint 中的可用选项。您只能忽略整个单位，而不能忽略单位的特定值，例如允许1px但不允许5px

您可以在 stylelint 上创建一个新问题，以便与 stylelint 团队进一步讨论：

https://github.com/stylelint/stylelint/issues/new

于 2017-08-15T01:07:01.517 回答
0

同时，stylelint 支持这种规则：

它已在2016 年初的4.3 版property-value-[black|white]list中发布，并在 2017 年初重命名为当前规则名称。

如果您只想允许em、rem和1px，您可以使用以下规则来实现：

{
  "rules": {
    "declaration-property-unit-whitelist": {
      "/.*/": ["em", "rem", "px"]
    },
    "declaration-property-value-blacklist": {
      "/.*/": ["(\\d+[1]+px|[^1]+px)"]
    }
}
  • 第一条规则有一个您想要允许的所有单位的白名单，以及我们想要特别允许的px1px。
  • 最后一条规则不允许1以外的任何值作为px单位。它还不允许使用 和 之类11px的值21px。
    请注意，这也将匹配content: 'This item has a height of 9px.'并禁止此操作。
  • 两条规则都匹配所有属性。您可能希望通过将正则表达式更改/.*/为更具体的表达式来确定它们的范围，例如/^border.*/
于 2019-11-15T09:23:53.253 回答