如何在多个Angular 2项目之间共享Angular 2组件？

Question

理想情况下，我想创建一个独立的Angular 2组件（带有测试），然后在两个或三个不同的Angular 2站点之间重新使用它。实现这一目标的好方法是什么？ 还有一个额外的问题 - 是否存在任何第三方Angular 2组件？

Answer 1

您可以创建一个angular2组件库（带有测试），然后在任意数量的项目中使用它

以下是创建angular2库的方法 https://makina-corpus.com/blog/metier/2017/how-to-create-an-angular-library

with angular-cli https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e

然后您也可以将其发布供公众使用。如果您想将其保密，请阅读此https://www.npmjs.com/onsite

是的，存在许多第三方angular2组件。以下是来自valor-software https://github.com/valor-software/ng2-plans

的一些内容

角度库https://github.com/jvandemo/generator-angular2-library

的Yeoman Generator

Answer 2

这有点晚了，但是我想建议另一个解决方案，最近发布到public beta for Angular。您可以将每个组件包装在ngModule中（由大多数ng组件库完成），然后使用bit在两个不同的项目或应用程序之间共享该组件。优点是您可以发布，安装和更新单个组件。 bit将处理组件及其所有依赖项，文件等的打包，因此您可以使用npm / yarn将其安装到另一个项目中。此外，您还可以使用bit将组件的代码导入到第二个仓库中，进行更改并在仓库之间同步它们。您可以看一下Angular with bit tutorial和guidelines（由团队以位和角度共同编写）。这里还有一些examples。希望这可以帮助。我在团队中工作，所以请随时提出任何问题，如果可以的话，我很乐意提供帮助。

Answer 3

我知道这可能要晚了，但是可以为您提供帮助。
我开始使用Angular，并且遇到了相同的问题，所以我尝试了bit.dev，它非常酷。
最后，我创建了我的第一个库，并将所有组件共享到bit.dev集合中。
检出https://bit.dev/joshk/ng-spinners