盖茨比设置 sass lint

Question

我想在 Gatsby 的项目中使用 sass linter

plugins: [
    `gatsby-plugin-styled-components`,
    {
      resolve: `gatsby-source-contentful`,
      options: {
      },
    },

    {
      resolve: "gatsby-plugin-eslint",
      options: {
       
      },
    },
    `gatsby-plugin-sass`
  ],

如何收录？我想检测不正确的 CSS 规则等...

Answer 1

ESlint 是一个 JavaScript linter，所以它不能分析也不能 lint 你的 Sass 代码。

但是，您可以使用 Stylelint 来解析 SCSS、Saas 或 CSS 文件。

您可以按照their GitHub中的默认配置步骤进行操作：

通过以下方式安装：

npm install --save --dev @primer/stylelint-config

在项目的根目录中添加一个 stylelintrc.json 文件（如果需要，它也可以是 .yml 或 .js 格式）

添加您的配置规则。您可以使用 extends 规则继承默认值，如下所示：

{
 "extends": "stylelint-config-standard",
 "rules": {
   "indentation": "tab",
   "number-leading-zero": null
 }
}

自定义您的命令以触发您的 lint 规则（相应地更改文件扩展名）：
```
npx stylelint "**/*.css"
```

资源：

盖茨比设置 sass lint

Gatsby set sass lint

css

lint

sass

node.js

gatsby