我可以在应用程序中重复使用组件

2018-07-03 14:05:06

我是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应用程序的配置。

如果需要，我可以分享我已经尝试过的一些代码，但我不确定哪些内容有助于分享，所以请请求可能有用的内容，我将分享。

我认为最通用的方法是建立一个独立的库来发布NgModule - 就像Angular本身，Angular Material 2库以及其他一样。然而，它需要更多的努力来为库设置构建脚本，并使其更难以调试。

另一种选择是为每个项目使用具有不同入口点文件的Angular Bootstrap功能的所有应用程序都有一个TypeScript项目

我像这样组织我的组件：

/routes
  /route1/
    route1component.ts
    /route1child1
    /route1child2
  /route2/
    route2component.ts
    /route2child1
    /route2child2

/apponents (project-level-reuse, must be used in at least 2 places with the app to be promoted to an apponent)
  /project-reusable-component

/components (cross-project-level-reuse, used across multiple projects)
  /cross-project-reusable-component

假设使用Git。现在在“组件”中，我可能通常会使用Git子模块跨项目共享这些内容，以便可重用的“组件”可以存储在自己的回购站中，并可作为子模块拖入任何项目。

链接地址: http://www.djcxy.com/p/93573.html

上一篇: Can I reuse components across apps?

下一篇: Amazon mws ability to take notice of restricted products