用于 eslint-plugin-rxjs-angular 的 Angular v13 .eslintrc.json 配置答案

【问题标题】：Angular v13 .eslintrc.json configuration for eslint-plugin-rxjs-angular用于 eslint-plugin-rxjs-angular 的 Angular v13 .eslintrc.json 配置
【发布时间】：2022-03-01 19:05:46
【问题描述】：

我想在我的 Angular v13 项目中使用 eslint-plugin-rxjs-angular。在他们的github page 上面写着。

为 ESLint 配置解析器和 parserOptions。在这里，我使用 .eslintrc.js 文件进行配置：

然后，有一个sn-p。

const { join } = require("path");
module.exports = {
  parser: "@typescript-eslint/parser",
  parserOptions: {
    ecmaVersion: 2019,
    project: join(__dirname, "./tsconfig.json"),
    sourceType: "module"
  },
  plugins: ["rxjs-angular"],
  extends: [],
  rules: {
    "rxjs-angular/prefer-async-pipe": "error"
  }
};

如何在下面添加的 .eslintrc.json 文件中实现上面的 .eslintrc.js 配置？

{
  "root": true,
  "ignorePatterns": [
    "projects/**/*"
  ],
  "overrides": [
    {
      "files": [
        "*.ts"
      ],
      "parserOptions": {
        "project": [
          "tsconfig.json",
          "e2e/tsconfig.json"
        ],
        "createDefaultProgram": true
      },
      "extends": [
        "plugin:@angular-eslint/recommended",
        "plugin:@angular-eslint/template/process-inline-templates"
      ],
      "rules": {
        "@angular-eslint/component-selector": [
          "error",
          {
            "prefix": "app",
            "style": "kebab-case",
            "type": "element"
          }
        ],
        "@angular-eslint/directive-selector": [
          "error",
          {
            "prefix": "app",
            "style": "camelCase",
            "type": "attribute"
          }
        ]
      }
    },
    {
      "files": [
        "*.html"
      ],
      "extends": [
        "plugin:@angular-eslint/template/recommended"
      ],
      "rules": {}
    }
  ]
}

【问题讨论】：

标签： angular rxjs eslint eslintrc angular13

【解决方案1】：

如果我理解正确，这就是这样做的方法。
我通过@angular-eslint 扩展的预制配置负责幕后的解析器选项。因此，我唯一要做的就是：

在"files": ["*.ts"] 覆盖中，我添加了

"plugins": ["rxjs-angular"],

和

"rxjs-angular/prefer-async-pipe": "error"

在规则部分。

【讨论】：