ESLint - 只允许绝对导入路径而不是相对路径

问题描述

我在 Angular 11 项目中工作。这个项目中的很多导入都是使用相对路径或绝对路径。

我为这个项目设置了 ESLint，我想阻止相对导入路径，只允许绝对路径。但我没有找到这样做的规则。
我发现：no-relative-parent-imports，但它没有给我这样的路径问题：import { HttpService } from "../http/http.service"; 或 import { RouterService } from "../../services/router/router.service";（两者都不是绝对路径，这些路径的绝对路径将分别为 import { HttpService } from "app/services/http/http.service"; 和 import { RouterService } from "app/services/router/router.service";。

我已阅读这篇文章：https://medium.com/@aayush123/escaping-relative-import-hell-react-native-eslint-atom-57dc2cae5bcc
但是如果可以避免的话，我想避免添加另一个像 Babel 这样的东西。

ESLint 是否有阻止任何类型的相对路径的规则？只允许绝对路径？

解决方法

您可以将 eslint-no-restricted-imports 添加到您的 .eslintrc 文件中，如下所示：

"no-restricted-imports": ["error",{
  "patterns": [".*"]
}],

如果有一些文件需要相对导入，可以将overrides添加到eslint-config中，如下所示：

"overrides": [
  {
    "files": ["*-test.js"],"rules": {
      "no-restricted-imports": "off"
    }
  }
]

angular angular angular11 eslint eslint eslintrc