Angular 5 - 创建一个库项目

Question

我有两个基于 Angular 5 构建的 Angular 应用程序（看看下面的 dep.modules）

    (...)
    "@angular/animations": "^5.2.11",
    "@angular/cdk": "^5.2.5",
    "@angular/common": "^5.2.11",
    "@angular/compiler": "^5.2.11",
    "@angular/core": "^5.2.11",
    "@angular/flex-layout": "5.0.0-beta.14",
    "@angular/forms": "^5.2.11",
    "@angular/http": "^5.2.11",
    "@angular/material": "^5.2.5",
    "@angular/platform-browser": "^5.2.11",
    "@angular/platform-browser-dynamic": "^5.2.11",
    "@angular/router": "^5.2.11"
     (...)

我想创建一个库或某种共享模块，它们可以放在一个单独的文件夹中，以便在两个应用程序上使用。 我找不到任何在 Angular 5 上创建库的示例，因为据我所知，它是 Angular 6+ CLI 的一个功能。 如何为我的两个项目手动创建公共库？

Answer 1

这两种选择都可以；共享模块是越简单越好。

使用 CLI 开发自定义库：

ng g library custom-lib

生成您需要的所有资源，但您必须设置适当的配置。其中一些：

package.json 在库中：你设置库版本和依赖项

package.json 在模块中：您设置构建、测试和打包的路线（这将生成 .tgz 文件，您可以通过 nexus advanced 发布该文件）

imported.json、include.json 或 public-api.ts 也是定义组件、服务等将被导出和共享以及在应用程序中导入的重要文件高级

在项目中开发和发布库有点复杂，我需要很长时间才能告诉您，但简短的介绍会对您有所帮助

https://angular.io/guide/creating-libraries

此网址没有所有信息，但只是第一步。