typescript - Angular 6 库：在 CI 管道中构建库以创建 lib 版本

Question

我正在尝试为 CI 集成构建 Angular 6 库，而不将其集成到 Angular 应用程序中。（出于多种原因）

到目前为止我所做的是：

• 创建一个 package.json 以安装所有 lib 的依赖项
• 创建一个angular.json引用 ci 文件的类似常规 angular6 应用程序（见下文）
• 复制所有ng-packages.\*.json并ng-package.ci.\*.json更新它们的路径以引用正确的文件和目录（node_modules、entryfiles等）
• 复制所有ts-config.\*.json并tsconfig.ci.\*.json更新它们的路径以引用正确的文件和目录（src、dist 等）

我期望通过运行ng build能够构建库，但我收到了以下消息：

无法确定 @angular/compiler-cli 和 typescript 的版本。

（但所有软件包都已安装；我检查了两次）

有没有人尝试过在不使用应用程序内的库的情况下构建其 Angular 6 库？

谢谢

标签： typescriptangular6ng-buildangular-library

Answer 1

我回复你的回答是因为我能够解决我所有的问题。

• 我现在能够在 CI 管道中构建（测试、lint）一个角度库
• 我可以将此库集成到一个角度项目中。

这是我做的方式。我在一个几乎空的目录中生成了一个库。为此，ng generate library my-lib --skip-package-json --skip-ts-config您需要在此目录中有一个 package.json 文件和一个 angular.json 文件。我从一个全新的应用程序中选择了这些文件，ng new app并将应用程序引用从工作区删除到 angular.json （在项目部分）

生成库后，我ci在根目录创建了一个文件夹，在其中复制了文件 tsconfig.*.json、karma.json、ng-package.json 和 package.json。我将原始文件保留在根目录下，以便能够以集成模式将库使用到应用程序中。（只需将 lib 引用添加到应用程序的 angular.json 中，就像它是在应用程序的 stconfig 中生成的 + 路径一样）

我更新了文件夹中所有文件的路径，ci以便能够运行以下命令：

• ng lint --format stylish --tslint-config ci/tslint.ci.json
• ng build通过将angular.json中的默认项目设置为anfmy-lib指向ci文件夹中的tsconfig和ng-package

一个提示，根处的 package.json 需要具有来自新 Angular 应用程序的所有依赖项才能构建或测试库。

希望这个简短的解释会有所帮助。