我可以跨应用重用组件吗?

Don*_*rty 8 typescript gulp systemjs angular-components angular

我是Angular2的新手,我有兴趣了解是否有可能在另一个应用程序中的一个应用程序中重用整套演示组件?

例如,我有一个名为MyApp的Angular 2应用程序,在这里我有一些我创建的常见组件,它们位于app/components/common文件夹中,每个组件都包含一个TypeScript,Sass和HTML文件.

我使用Gulp将TypeScript编译为JS,将Sass编译为CSS.

我现在发布这些常见组件可以在我的其他Angular 2应用程序中使用,因此我想在一个名为MyOtherApp的单独Angular 2应用程序中使用它们.

我希望能够从MyApp中提取所有常用组件,并能够在MyOtherApp中使用它们.

这可能吗?如果是这样,这种共同组件的最佳方法是什么?

正如我所说,我正在使用Gulp进行构建/运行,还有System.js用于Angular应用程序的配置设置.

如果需要,我可以分享一些我尝试过的代码,但我不确定分享的内容是什么,所以请求可能有用的内容,我会分享.

Rem*_*Rem 4

我认为最通用的方法是构建一个单独的库来发布 NgModule - 就像 Angular 本身、Angular Material 2 库和其他库一样。然而,它需要更多的努力来设置库的构建脚本,并且使得调试变得更加困难。

另一种选择是为所有应用程序提供一个 TypeScript 项目,并为每个项目提供不同的入口点文件和 Angular 引导函数