如何在Tslint或tsconfig中禁用深度导入？

在TypeScript项目中，如果你想要禁止深度导入（deep imports），你可以通过配置TSLint或tsconfig.json来实现

方法1：使用TSLint

1. 首先，确保你已经安装了tslint和tslint-import-destructuring。

npm install tslint tslint-import-destructuring --save-dev

1. 在项目的根目录下创建或编辑tslint.json文件，添加以下规则：

{
  "rules": {
    "import-destructuring/destructuring": [true, { "allowImportFromCore": false }]
  }
}

这将禁止从@angular/core包中导入任何深度导入。

方法2：使用tsconfig.json

从TypeScript 3.7开始，你可以使用paths属性来禁止深度导入。

1. 在项目的根目录下创建或编辑tsconfig.json文件。
2. 添加paths属性并设置"noImplicitReturns": true：

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@angular/*": ["node_modules/@angular/*"],
      "rxjs/*": ["node命名空间rxjs/*"]
    },
    "noImplicitReturns": true
  }
}

这将确保TypeScript编译器不允许从@angular/core包中导入任何深度导入。

注意

• 使用这些配置后，如果你尝试进行深度导入，TypeScript编译器或TSLint将抛出一个错误。
• 如果你使用的是Angular项目，请确保遵循Angular官方文档中的模块导入建议。