解决stylelint报错：Expected double quotes

目录

背景

处理

---

背景

问题原因：

stylelint对css期望引用时使用双引号

解决方法：

修改stylelint 中css引入图片必须使用双引号的检查

注意：

只希望修改掉stylelint 中css用url引入图片必须使用双引号的检查，而不是让所有的引入都用单引号

处理

1. 打开 .stylelintrc 或 .stylelintrc.json 配置文件。

2. 在配置文件中找到与字符串引号相关的规则，通常是 "string-quotes"。

3. 修改该规则的值为一个对象，并在对象中添加针对 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() 中使用单引号或双引号来引入图片，而其他地方仍然需要使用双引号。