Eslint - 配置规则位置

Question

我正在尝试为开箱即用的 Nx 工作区找到默认 eslint 规则的位置。

我看到项目根目录的 eslintrc 文件中使用了一些插件：

{
  "root": true,
  "ignorePatterns": ["**/*"],
  "plugins": ["@nrwl/nx"],
  "overrides": [
    {
      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
      "rules": {
        "@nrwl/nx/enforce-module-boundaries": [
          "error",
          {
            "enforceBuildableLibDependency": true,
            "allow": [],
            "depConstraints": [
              {
                "sourceTag": "*",
                "onlyDependOnLibsWithTags": ["*"]
              }
            ]
          }
        ]
      }
    },
    {
      "files": ["*.ts", "*.tsx"],
      "extends": ["plugin:@nrwl/nx/typescript"],
      "rules": {}
    },
    {
      "files": ["*.js", "*.jsx"],
      "extends": ["plugin:@nrwl/nx/javascript"],
      "rules": {}
    }
  ]
}

有人可以告诉我在哪里可以看到启用的完整规则列表吗？

Answer 1

规则来自 npm package @nrwl/eslint-plugin-nx 。 这是包含在没有“eslint-plugin-”的plugins列表中的 package 的名称，它在解析插件位置时由 ESLint 自动添加。

按照 monorepo https://github.com/nrwl/nx的链接，并深入“packages”文件夹，我们会发现eslint-plugin-nx的来源。 现在，查看package.json我们看到main模块指向"./src/index.js" "./src/index.ts"它是由 Typescript. This.ts 文件从子文件夹“config”和“rules”中的模块导入定义并将它们映射到导出。 因此，您的 .eslinrc 文件中包含的位置的来源如下：

• @nrwl/nx/enforce-module-boundaries ： https://github.com/nrwl/nx/blob/master/packages/eslint-plugin-nx/src/rules/enforce-module-boundaries.ts
• @nrwl/nx/javascript ： https://github.com/nrwl/nx/blob/master/packages/eslint-plugin-nx/src/configs/javascript.ts
• @nrwl/nx/typescript typescript： https://github.com/nrwl/nx/blob/master/packages/eslint-plugin-nx/src/configs/typescript.ts

ESLint 通过合并extends部分（ .js ， .ts ）中的规则定义，然后应用配置的rules定义（ .js ， .ts ），最后将规则@nrwl/nx/enforce-module-boundaries为在 your.eslintrc 文件中定义（还要注意.tsx的overrides ）。