除了单元白名单之外，如何将特定的正则表达式列入白名单？答案

【问题标题】：How to whitelist a specific regex in addition to unit-whitelist?除了单元白名单之外，如何将特定的正则表达式列入白名单？
【发布时间】：2017-08-14 23:55:26
【问题描述】：

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

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

【问题讨论】：

标签： stylelint

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

同时，stylelint 支持这种规则：

它已于 2016 年初以property-value-[black|white]list 和renamed to the current rule names in early 2017 的形式在version 4.3 发货。

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

{
  "rules": {
    "declaration-property-unit-whitelist": {
      "/.*/": ["em", "rem", "px"]
    },
    "declaration-property-value-blacklist": {
      "/.*/": ["(\\d+[1]+px|[^1]+px)"]
    }
}

第一条规则有一个您希望允许的所有单位的白名单，以及我们希望允许的 px 1px。
最后一条规则不允许 1 以外的任何值用于 px 单位。它还禁止使用 11px 和 21px 等值。
请注意，这也将匹配 content: 'This item has a height of 9px.' 并禁止此操作。
两个规则都匹配所有属性。您可能希望通过将正则表达式 /.*/ 更改为更具体的表达式来确定它们的范围，例如 /^border.*/

【讨论】：