angular - 如何配置 Angular 项目 tsconfig paths[] 而不会出现 linting 错误？

Question

我们的 tsconfig.ts

中有以下配置

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
      "@app/*": ["app/*"],
      "@pages/*": ["app/pages/*"]
      ...
    },

然后我们可以在其他 ts 文件中使用更清晰的导入，如下所示:

import {UrlConstants} from '@app/common/constants/url-constants';

linting 项目时出现问题:

Module '@app/common' is not listed as dependency in package.json

有什么方法可以在不返回使用 ./***/***/ 导入的情况下解决它？

Answer 1

您可以按照此处记录的白名单配置规则 https://palantir.github.io/tslint/rules/no-implicit-dependencies

看起来像这样:

tslint.json

{
  "rules": {
    "no-implicit-dependencies": [
      true,
      [
        "app",
        "pages"
      ],
      "dev"
    ]
  }
}

“开发”选项并不真正适合您的场景，但如果您像我喜欢的那样检查测试，它会很有用。

就我个人而言，我认为规则应该更聪明，并尝试在某种程度上解析路径的 tsconfig。有时一个人有很多路径，并不是每个人都使用 NPM。 JSPM 用户可能不得不禁用该规则，这是一种耻辱，因为如果您不触及这个粗糙的边缘，该规则的动机非常好并且非常有用。

这现在应该适用于 @ 前缀路径作为 https://github.com/palantir/tslint/pull/4192已合并。在升级之前，您可能需要使用 "app" 和 "pages"。