首页 > 解决方案 > 带有 Angular 的可重用组件库

问题描述

我正在构建一个可重用的组件库。我还在创建多个独立的 Angular 应用程序,它们也是库。这个想法是创建一个主应用程序,该应用程序导入其他应用程序的组件并从“应用程序库”提供这些应用程序。这样,每个应用程序都是独立的,也包含在一个捆绑包中。

我可以在独立应用程序或应用程序库中导入我的可重用组件库,但我不能同时执行这两种操作。例如,我有一个布局组件,包括库在内的每个应用程序都将使用它。当我将布局的模块导入独立应用程序和库时,导入冲突(因为我还将独立应用程序导入库)。我收到一条错误消息,指出该模块已导入并且无法定义两次。

仅供参考:我的布局组件有许多用于标题、左侧导航等的路由器出口。我通过路由/子路由注入组件。如果我在路由模块中的路由中设置通用组件,则需要将通用模块导入到应用程序模块中,这会导致路由器定义冲突。

是否可以在独立应用程序和库中使用我的可重用组件库?如何规避冲突的模块?

标签: angular

解决方案


推荐阅读