angular - 角度不同的构建

我正在使用最新版本的 Angular 并遇到以下问题：

我有一个应用程序，想创建两个版本：完整版和演示版。我的意思是我想创建两个不同的构建，它们将共享大部分代码，但会有不同的 UI。为简单起见，如果我有一个工具栏，我想根据版本更改它的视图。

我想做的是创建一个名为 Toolbar 的抽象组件，并创建 2 个不同的具体类来扩展它：FullToolbar 和 DemoToolbar。在我的主 html 文件中，我将调用相同的组件，但它的实现将在编译时以某种方式选择。谁能指导我以某种方式达到我想要的结果？

我还要补充一点，我想使用一个干净的解决方案并编译出不必要的类和功能。例如，如果我的完整版中有一个用户管理服务/组件，我希望它保留在演示版中。

标签： angular

我建议您使用 NX 构建 2 个不同的应用程序，Demo 和 Prod，您可以使用库在 2 个应用程序之间共享代码

这将帮助您为您的 2 个应用程序创建一个 monorepo 并优化您的构建。

了解更多详情nrwl NX