Angular 5-创建库项目

Question

我有两个基于angular 5的Angular应用程序(看看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：设置库版本和依赖项

模块中的高级:设置构建、测试和打包的路线(这将生成.tgz文件，您可以通过package.json 高级发布该文件)

imported.json、include.json或public-api.ts也是重要的文件，用于定义在app 高级中导出和共享的组件、服务等以及导入位置

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

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

这个url不包含所有信息，但这是第一步。