根据 Angular 中的构建排除独立组件

Question

我有两个环境 - 一个用于测试，第二个用于发布。我有一个独立的组件可以帮助我进行调试，但我不想将其包含在发布版本中。我怎样才能排除它？我的意思是，我的目标不是隐藏它（在任何 *ngIf 标志后面），而是从构建中完全删除它。

Answer 1

您可以使用 Angular 的“可延迟视图”功能 (https://angular.io/guide/defer)。

您可以定义如下内容：

@defer (when debugMode) {
  <your-component />
}

这基本上是组件的延迟加载功能。