eslint中有一个错误Mismatched property value,意思是我使用了位置的属性值,但我真实希望就是使用这样一个css属性中不存在的值,我需要如何配置stylelint的规则才能消除stylelint的报错提示
时间: 2024-05-08 09:18:33 浏览: 272
根据您的描述,可以尝试在 stylelint 的配置文件中使用自定义规则,以忽略此错误提示。具体实现方法如下:
1. 在项目中安装 stylelint-config-standard 和 stylelint-selector-no-empty 插件,执行以下命令:
```
npm install stylelint-config-standard stylelint-selector-no-empty --save-dev
```
2. 在项目根目录下创建 .stylelintrc.json 文件,并将以下代码添加进去:
```
{
"extends": "stylelint-config-standard",
"rules": {
"selector-no-empty": true,
"property-no-unknown": [true, {
"ignoreProperties": ["your-custom-property"]
}]
}
}
```
其中,"selector-no-empty": true 表示强制要求选择器不为空,"property-no-unknown" 用于报告未知的 CSS 属性值。
3. 在配置文件中添加 ignoreProperties 属性,以忽略您所使用的自定义属性值。例如:
```
{
"ignoreProperties": ["an-unexisting-css-property"]
}
```
这样,在您使用这个自定义属性值时,eslint 将不会显示任何错误提示,并且会自动处理此类错误。
阅读全文