如何使用模具web组件识别主机环境

Question

我正在开发一个自定义模具组件，该组件将有一个下拉列表，其中包含从我的后端api获取的选项。使用fetchapi，我得到了要显示的数据。但是这个组件将集成在angular应用程序中。那么，我如何确定它是用于dev还是prod？因为我必须在此基础上获取数据。我不知道如何在我使用模具组件的地方获得这些信息。

angular -  my-component.html
<div>
<p>This is example of stenciljs</p>
<my-dropdown (onChange)="onSelect($event)"></my-dropdown> 
</div>

Answer 1

您可以使用Stencil中的Build上下文：

import { Build } from '@stencil/core';
if (Build.isDev) {
// ...
} else {
// this is a prod build
}

死代码消除将从您的产品捆绑包中删除代码，因此您不必担心暴露与开发相关的代码。