ESLint-仅允许绝对导入路径，而不允许相对导入路径 [英] ESLint - Only Allow Absolute Import Paths Not Relative

问题描述

我在一个角度11的项目中工作。此项目中的许多导入都使用相对路径或绝对路径。

我有这个项目的ESLint设置，我想防止相对导入路径，只允许绝对路径。但我找不到这样做的规则。
我发现：无相对父项导入，但以下路径没有问题：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
但如果我能避免的话，我想避免添加另一个像巴别塔这样的东西。

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

推荐答案

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

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

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

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

这篇关于ESLint-仅允许绝对导入路径，而不允许相对导入路径的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！