Stylelint设置custom-property-pattern为null仍生效，如何忽略该规则？

以下几种方案可尝试解决你的问题：

• 确认配置优先级
  确保custom-property-pattern规则在.stylelintrc的rules字段下声明，且覆盖继承的预设配置。如果你的配置继承了stylelint-config-standard这类规则集，必须在rules里显式禁用才能覆盖预设：

  {
    "extends": ["stylelint-config-standard"],
    "rules": {
      "custom-property-pattern": null
    }
  }
  

• 改用"off"替代null
  部分stylelint版本对null的兼容存在问题，尝试用"off"值禁用规则：

  "custom-property-pattern": "off"
  

• 排除第三方文件
  若冲突来自Bootstrap这类第三方库，直接在配置中忽略相关文件，避免检测：

  {
    "ignoreFiles": [
      "node_modules/**/*.css",
      "src/vendor/bootstrap/**/*.css"
    ]
  }
  

  也可在lint-staged命令中添加忽略参数：

  {
    "lint-staged": {
      "*.css": [
        "stylelint --fix --ignore-pattern 'node_modules/**/*.css'",
        "git add"
      ]
    }
  }
  

• 局部代码块禁用
  针对特定变量所在的代码块临时禁用规则，在CSS文件中添加注释：

  /* stylelint-disable custom-property-pattern */
  :root {
    --internal_snake_var: #f5f5f5;
    --bootstrap-primary: #0d6efd;
  }
  /* stylelint-enable custom-property-pattern */
  

另外，检查是否存在子目录的.stylelintrc文件覆盖了根配置，或是lint-staged的命令参数未正确传递给stylelint。

内容的提问来源于stack exchange，提问作者Steve