有没有办法使用 Angular 在 src 中编译文件？

Question

我有以下结构：

apps
|-api
  |-src
    |-_migrations
    |-_seeds
      |-dev
      |-test
    |-app
    |-assets
    |-environments
    |-main.ts
  |-tsconfig.app.json
  |-tsconfig.json

我正在使用 ng serve api 编译和服务 api 这是一个 NestJS 后端。这属于带有 Angular 前端的 monorepo。

_migrations 和 _seeds 中的迁移和播种器在 TypeScript 中。要在服务后端时运行它们，我需要将它们编译为 JavaScript，并将编译后的文件定位到 dist/apps/api。

我知道我可以在服务之前用tsc 编译文件，或者在angular.json 中指定一个webpack 配置文件，但我想保持它尽可能简单，并尝试使用@987654329 的一些配置@。

我尝试在tsconfig.app.json 中添加路径，该路径在angular.json 中使用。

// angular.json
"api": {
  "root": "apps/api",
  "sourceRoot": "apps/api/src",
  "projectType": "application",
  "prefix": "api",
  "schematics": {},
  "architect": {
    "build": {
      "builder": "@nrwl/node:build",
      "options": {
        "outputPath": "dist/apps/api",
        "main": "apps/api/src/main.ts",
        "tsConfig": "apps/api/tsconfig.app.json",
        "assets": ["apps/api/src/assets"]
      },
      "configurations": {
        "production": {
          "optimization": true,
          "extractLicenses": true,
          "inspect": false,
          "fileReplacements": [
            {
              "replace": "apps/api/src/environments/environment.ts",
              "with": "apps/api/src/environments/environment.prod.ts"
            }
          ]
        }
      }
    },
    "serve": {
      "builder": "@nrwl/node:execute",
      "options": {
        "buildTarget": "api:build"
      }
    }
  }
}

// tsconfig.app.json
{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "../../dist/out-tsc",
    "types": ["node"]
  },
  "exclude": ["**/*.spec.ts"],
  "include": ["**/*.ts"], // or ["**/*.ts", "src/_migrations/*.ts", "src/_seeds/**/*.ts"] without "files"
  "files": ["src/_migrations/*.ts", "src/_seeds/**/*.ts"]
}

在运行ng serve api 和ng build api 时，是否有办法编译_migrations 和_seeds 中的所有文件，只需切换一些配置或类似配置？
如果没有，实现这一点的最简单的 webpack 配置是什么？

Answer 1

参考：https://indepth.dev/configuring-typescript-compiler/

1. TS 编译递归搜索根目录下的所有文件 和子目录并编译它们。

   假设您正在引用它们，它们应该编译

2. TS 编译器还将编译在文件列表中的任何文件中引用的文件。例如，如果 main.ts 从 a.ts 导入导出，该文件也会被编译。

files - 告诉编译器只编译 files[] 中的文件，而忽略其他所有内容。

{
  "compilerOptions": { ... },
  "files": [
    "main.ts",
    "router/b.ts"
  ]
}

如果没有更多文件，我们可以使用 include 选项来指定目录，而不是手动列出每个文件，使用类似 glob 的文件模式 这只会编译include[]中指定目录中的文件 因此，在您的情况下，这只会编译迁移和种子中的文件。

{
      "extends": "./tsconfig.json",
      "compilerOptions": {
        "outDir": "../../dist/out-tsc",
        "types": ["node"]
      },
      "exclude": ["**/*.spec.ts"],
      "include": ["src/_migrations/*.ts", "src/_seeds/**/*.ts"] 
  }