javascript - 为项目外的文件创建路径别名

Question

我正在研究一个在多个 Angular 项目之间拆分的项目。然后我有一些在每个项目中使用的服务。有没有办法让我在我的项目中加载这些？当我尝试这样做时，我遇到了错误。

/root
  /project-1
    /angular.json
    /tsconfig.json
  /project-2
    /angular.json
    /tsconfig.json
  /utilities
    /src
      /auth.service.ts
      /s3.service.ts
      /lambda.service.ts

我在 Angular 项目的根目录中有这个 tsconfig.json文件(项目 1，项目 2):

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@utilities/*": [
        "../utilities/src/*"
      ]
    }
  }
}

当我运行 npm start在 project-1 ，我收到以下错误:

Error: ../utilities/node_modules/buffer-equal-constant-time/index.js
Module not found: Error: Can't resolve 'buffer' in 'C:\projects\utilities\node_modules\buffer-equal-constant-time'

// Same error repeated for different modules...       

在我的 utilities/package.json

{
  "dependencies": {
    "@angular/core": "^11.0.5",
    "@aws-sdk/client-cognito-identity": "^3.0.0",
    "@aws-sdk/client-lambda": "^3.0.0",
    "@aws-sdk/credential-provider-cognito-identity": "^3.0.0",
    "jsonwebtoken": "^8.5.1",
    "rxjs": "^6.6.3",
    "tslib": "^2.0.0"
  },
}

Answer 1

我想出了一种方法来做到这一点。在 utilities文件夹使其成为链接npm link .然后在project-1项目的文件夹链接npm link utilities .
然后我不得不添加一些路径并包含在 tsconfig.json 中。供引用:

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@utilities/*": [
        "node_modules/utilities/src/*"
      ]
    }
  },
  "include": [
    "node_modules/utilities/src/**/*.ts"
  ]
}