Как я могу определить хост-среду с помощью веб-компонента трафарета?

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

Вы можете использовать контекст Build из Stencil:

import { Build } from '@stencil/core';

if (Build.isDev) {
  // ...
} else {
  // this is a prod build
}

Удаление мертвого кода приведет к удалению кода из вашего комплекта продуктов, поэтому вам не придется беспокоиться о разоблачении кода, связанного с dev. .