create-react-app @import-normalize 上的 stylelint 抛出错误

Question

我按照此文档将 CSS 重置添加到我的应用程序中。
https://create-react-app.dev/docs/adding-css-reset/#indexcss

但它显示了这条消息：

"stylelint": {
"extends": "stylelint-config-recommended",
"rules": {
  "at-rule-no-unknown": null
}

怎么解决这个问题啊，好烦啊……

Answer 1

@import-normalize是一个非标准的 at 规则。来自规则的文档：

此规则认为 CSS 规范中定义的 at 规则（直至并包括编辑草稿）是已知的。

但是，该规则有一个针对此用例的ignoreAtRules辅助选项，您可以在其中列出您正在使用的非标准导入。

例如，在您的package.json：

{
  "stylelint": {
    "extends": "stylelint-config-recommended",
    "rules": {
      "at-rule-no-unknown": [true, {
        "ignoreAtRules": ["import-normalise"]
      }]
    }
  }
}

或者在您的.stylelintrc文件中：

{
  "extends": "stylelint-config-recommended",
  "rules": {
    "at-rule-no-unknown": [true, {
      "ignoreAtRules": ["import-normalise"]
    }
  }
}