5

我在一个 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 是否有防止任何类型的相对路径的规则？只允许绝对路径？

4

1 回答 1

11

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

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

如果有一些文件需要相对导入，则可以将覆盖添加到eslint-config如下：

"overrides": [
  {
    "files": ["*-test.js"],
    "rules": {
      "no-restricted-imports": "off"
    }
  }
]
于 2021-01-12T12:51:44.433 回答