目录
背景
问题原因:
stylelint对css期望引用时使用双引号
解决方法:
修改stylelint 中css引入图片必须使用双引号的检查
注意:
只希望修改掉stylelint 中css用url引入图片必须使用双引号的检查,而不是让所有的引入都用单引号
处理
打开
.stylelintrc
或.stylelintrc.json
配置文件。在配置文件中找到与字符串引号相关的规则,通常是
"string-quotes"
。修改该规则的值为一个对象,并在对象中添加针对
url()
的特定配置。示例配置文件(
.stylelintrc.json
):{ "rules": { "string-quotes": { "except": ["url"] } } }
上述配置中,我们将
"string-quotes"
规则的值设置为一个对象,并在其中添加了"except": ["url"]
的配置。这表示除了url()
内部的引用之外,其他地方仍然需要使用双引号在对象中添加针对 url() 的特定配置:
{ "rules": { "string-quotes": [ "double", { "ignore": ["url"], "message": "请使用双引号引用其他字符串" } ] } }
在上述配置中,我们将
"string-quotes"
规则的值设置为一个数组。第一个元素是默认的规则设置,即要求使用双引号。第二个元素是一个对象,其中包含了针对url()
的特定配置:
"ignore": ["url"]
:表示忽略url()
内部的引用。"message": "请使用双引号引用其他字符串"
:可选设置,指定对该规则的自定义错误消息。通过以上配置,stylelint 将允许在 CSS 的
url()
中使用单引号或双引号来引入图片,而其他地方仍然需要使用双引号。保存并关闭配置文件
通过以上配置,stylelint 将允许在 CSS 的
url()
中使用单引号或双引号来引入图片,而其他地方仍然需要使用双引号。