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

标签 angular eslint eslintrc angular11

我在一个 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": [".*"]
}],
如果有些文件需要相对导入,可以添加overrideseslint-config如下:
"overrides": [
  {
    "files": ["*-test.js"],
    "rules": {
      "no-restricted-imports": "off"
    }
  }
]

关于angular - ESLint - 只允许绝对导入路径而不是相对路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65670432/

相关文章:

angular - 显示错误 "Can' t 查找名称日期的 Visual Studio 代码”

vue.js - 带有 Eslint 的 Vite.js 上的 Vue 3 — 无法解析模块 eslint 的路径(import/no-unresolved)

javascript - 找不到配置中指定的以下规则的实现

angular - Angular 形式控件类型中的枚举?

html - 如何使用 Flexbox 以 Angular 并排对齐 2 个不同的组件

Angular 2延迟加载重定向到空白页面

reactjs - 用于 typescript 的 eslint-plugin-jsx-a11y

webpack - 如何更改 vue.js 应用程序中的 lint 目录?

javascript - 禁用按钮时 '@typescript-eslint/no-non-null-assertion' 的用途

javascript - ESLint - 显示尝试 Lint 但 Lint 文件的问题