Angular 5-创建一个图书馆项目

Question

我有两个基于Angular 5构建的角度应用程序（请看下面的Dep。模块）

    (...)
    "@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

此url尚不具备所有信息，但只是第一步。