Javascript 如何在svelte项目中配置sass和ESLint？

我是苗条的新手。我试图将ESLint添加到我的苗条项目中。 我的eslintrc.json：

{
  "env": {
    "es6": true,
    "browser": true,
    "node": true
  },
  "extends": [
    "standard", "airbnb-base/legacy"
  ],
  "plugins": [
    "svelte3"
  ],
  "overrides": [
    {
      "files": ["**/*.svelte"],
      "processor": "svelte3/svelte3"
    }
  ],
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 2019,
    "sourceType": "module"
  }
} 

它可以工作，但linter规则不支持sass语法。我有这个错误。

---

如何修复它？

如果您在组件样式上使用某种预处理器，那么当此插件调用组件上的Svelte编译器时，很可能会引发异常。在一个完美的世界中，这个插件将能够对组件应用预处理器，然后使用源映射将任何警告翻译回原始源。然而，在当前的现实中，您可以简单地忽略用标准CSS以外的任何东西编写的样式。您不会从linter中得到关于样式的警告，但是您的应用程序仍然会使用它们（当然），编译器警告仍然会出现在构建日志中

可以为该设置提供一个函数，该函数接受标记上的属性对象（如传递给Svelte预处理器的对象），并返回是否忽略样式块以进行linting

默认设置是不忽略任何样式

 settings: {
    'svelte3/ignore-styles': () => true
  }

---

我遇到了同样的问题，并且没有关于如何使用设置中的svelte3/ignore style忽略eslint中的样式的文档。下面是我如何解决这个问题的-

我将.eslintrc改为.eslintrc.js，以便将忽略规则用作函数-

module.exports = {
    ...
    
    "rules" : {

    },

    "settings": {
      "svelte3/ignore-styles": () => true
    }

}